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

enter image description here

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

enter image description here

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

  • 1
    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
  • 1
    @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

1 Answer 1


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

  • 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 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

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.