: Illustrator svg output saves each letter separately I really like that it's possible that Illustrator is capable of saving files as SVGs. My problem is that when I save a file that contains

I really like that it's possible that Illustrator is capable of saving files as SVGs. My problem is that when I save a file that contains text as svg each letter is saved separately. I don't have any idea why Illustrator does that.

Example:

<text transform="matrix(1 0 0 1 165.8027 35.6523)" font-family="'MyriadPro-Regular'" font-size="5">H</text>
<text transform="matrix(1 0 0 1 169.0625 35.6523)" font-family="'MyriadPro-Regular'" font-size="5">A</text>
<text transform="matrix(1 0 0 1 172.1226 35.6523)" font-family="'MyriadPro-Regular'" font-size="5">L</text>
<text transform="matrix(1 0 0 1 174.4824 35.6523)" font-family="'MyriadPro-Regular'" font-size="5">L</text>
<text transform="matrix(1 0 0 1 176.6475 35.6523)" font-family="'MyriadPro-Regular'" font-size="5">O</text>

I guess there is a way that Illustrator generates a svg that looks like this:

<text transform="matrix(1 0 0 1 165.8027 35.6523)" font-family="'MyriadPro-Regular'" font-size="5">HALLO</text>

I can't figure it out, any help is appreciated!

10.02% popularity Vote Up Vote Down

: Does anybody know how to make these architecture graphics? I want to make a 2D architecture plan with 3D elements (like trees, ..) on them, but I don't know how exactly and in which program?

@Heady304

Posted in: #AdobeIllustrator #InformationArchitecture #SoftwareRecommendation

2 Comments

: Should I get a graphics tablet for animation? I want to buy a graphics tablet so I can animate videos for school and maybe a youtube channel if I am good at it. I don't want to spend over

@Heady304

Posted in: #Animation

3 Comments

: Aligning non text elements to a baseline grid I'm starting to use a baseline grid for web design. Does everything have to align to the baseline or just the type and do they have to be

@Heady304

Posted in: #Grids #PrintDesign #WebsiteDesign

1 Comments

: What is the effect used in the attached image? Is this a shadow effect or a gradient effect or something else? I need to programatically reproduce this using Canvas, Paint in Android.

@Heady304

Posted in: #DropShadow #Effects #Gradient

1 Comments

Login to post a comment!

2 Comments

Sorted by latest first Latest Oldest Best

@Carla748

I think that happens when text is kerned (to preserve the appearance of the text in the SVG). There’s a few different export methods in Illustrator. Export As is the newest, and it seems to create the nicest and most compact SVG, too. Very handy if you’re using it to save web assets.

And the same example document, now with kerning.

10% popularity Vote Up Vote Down

@Goswami567

Just tested in Illustrator CC, everything works fine and any word is saved without breaking into letters. Please check out again if you didn't break your word into characters.

10% popularity Vote Up Vote Down

Feed

: Illustrator svg output saves each letter separately I really like that it's possible that Illustrator is capable of saving files as SVGs. My problem is that when I save a file that contains

More posts by @Heady304

: Does anybody know how to make these architecture graphics? I want to make a 2D architecture plan with 3D elements (like trees, ..) on them, but I don't know how exactly and in which program?

: Should I get a graphics tablet for animation? I want to buy a graphics tablet so I can animate videos for school and maybe a youtube channel if I am good at it. I don't want to spend over

: Aligning non text elements to a baseline grid I'm starting to use a baseline grid for web design. Does everything have to align to the baseline or just the type and do they have to be

: What is the effect used in the attached image? Is this a shadow effect or a gradient effect or something else? I need to programatically reproduce this using Canvas, Paint in Android.

Login to post a comment!

2 Comments

Back to top | Use Dark Theme