SVG not saving properly

Forum|Forum|3 years ago
June 17, 2022
2 replies
2987 views

Here are the settings I use.
when it saves the svg the fonts are wrong and there are letters missing.

This topic has been closed for replies.

Correct answer Monika Gause

Why cant Ai just save an svg properly?

You are producing code when saving an SVG. And in order to reference a font in an SVG it can be either a system font (which yours obviously isn't) or it needs to be a webfont. And then it will need to be applied via CSS.

Illustrator won't convert your font into a webfont (for several reasons) and it can't do the more intricate style editing.

https://vecta.io/blog/using-fonts-in-svg#-using-web-fonts-https--developer-mozilla-org-en-us-docs-learn-css-styling_text-web_fonts

Monika Gause

Community Expert

If you want this to be live text, you will need to convert the font into a webfont (watch out for copyright!!!) and then reference it in the stylesheet (requires some editing after writing the SVG. Illustrator does not do that)