: Text issues when exporting SVG from Illustrator to Inkscape I've been given the cumbersome task of designing poster templates for a online university that need to be saved as SVG so their departments

@Rambettina927

I'm on CC platform so it might be a bit different (it has a better svg export), but you can do it in two ways.

kerning


if you want to keep the text as <text>, you can edit the svg manually:
Kerning is treated bit like tracking, so the text is "chopped" in fragments with other values and each of these fragments is wrapped in <tspan> tag with a generic class (in my case it's .cls-{number}. As with other elements you have to define a style for these classes, in that case give not only the font-family, -size and so on but also a letter-spacing.


Although the text becomes chopped into separate <tspans> (each have own coordinates), but in Inkscape is totally editable (checked on my own).
I know that in earlier than CC AI realeases there were some drawbacks, so before export check the code of your svg, and alter it later if you do not have sth like this:




save plain text with no kerning in svg- so Inkscape would see it as a one text with one class, and manually apply the kerning inside Inkscape (looking over to Illustrator for right values). It might be a bit faster than manual edition of svg code if you do not have a good understanding of it.


The last way is to expand the text - if you do not need a searchable text (and from the fact that you going to print I assume you don't) or editable (this might be the issue), so this last one might not be what you're looking for.

alignment

As you can see in the code above there is no alignment, although in ai it was to the left side. It has to be applied manually - the alignment is coded just with x y coordinates in this case, inside <text> and <tspan> tags, so the best way is to do it is in Inkscape after all, or try manual coding, but it might give you a headache (you have to know where the bounding box for the text to give the right x and y coordinates)..

Vote Up Vote Down