SVG file not saving as drawn in illustrator

Question

Below is an image of the logo I have created in illustrator CS6:

However, when I save the file as an SVG and then view it, it has been saved looking like so:

Notice how the text is changed to lower case and appears narrower when it's saved as an SVG. I'm using the Playfair Display font from Google Fonts.

Any thoughts on what I might do to fix this issue or why this is happening?

Thank you

I think the problem is not the line but the text, in the original example it's uppercase and in the example SVG it's lowercase, this makes the text narrower, therefore the line looks longer being the same in both examples. — user120647, Feb 12, 2019 at 8:03
Ah great point @Danielillo. I think you are correct. I'll edit the question accordingly. Any idea on what might be causing the text issue? The font I'm using is downloaded from google fonts (Playfair Display) — Matt, Feb 12, 2019 at 8:05
@Danielillo, thanks to your prompt I was able to solve the problem. The problem was that I hadn't used create outline on the text prior to trying to save it as an SVG. Works perfectly now. Thank you for chiming in. — Matt, Feb 12, 2019 at 8:08

Matt · Accepted Answer · 2019-02-12 08:18:05Z

0

I had to create outline on the text before saving as SVG

answered Feb 12, 2019 at 8:18

Matt

1134 bronze badges

Please use the edit link on your question to add additional information. The Post Answer button should be used only for complete answers to the question. - From Review
– Stegathesaurus
Feb 12, 2019 at 17:53
2

@Ovaryraptor: This looks like a valid self-answer to me. It could be improved with some more information though.
– Wrzlprmft ♦
Feb 16, 2019 at 7:33

Add a comment |

1 Answer 1