Preparing Content for the Web - Adobe Illustrator CC - page 864

SVG and fonts
When it comes to fonts in artwork saved as SVG, you need to be careful. Not all
browsers (including Firefox and Internet Explorer) fully support all fonts used in
your SVG file. It's best to use a Web-safe font or convert the fonts to outlines.
Since converting fonts to outlines can increase file size greatly, best practice is to
outline fonts only when you have a few words in the artwork, for instance. If you
feel comfortable working with the generated SVG code and CSS, you can also
create a reference to a hosted font, for instance, but that is beyond the scope of
this section.
When you save as SVG (File > Save As), in the SVG Options dialog box, there
are two options for fonts: Type and Subsetting .
For the Type option, you can choose Adobe CEF , SVG , or Convert To Outline .
Adobe CEF uses font hinting for better rendering of small fonts. This font type is
supported by the Adobe SVG Viewer but may not be supported by other SVG
viewers. SVG is the default option and is the format defined by the W3C (World
Wide Web Consortium). The SVG option offers maximum support by SVG view-
ers, but the text may not be as refined as if you chose Adobe CEF. The third op-
tion, Convert To Outline , can be useful if you want to convert your text content
into SVG paths and ensure that the text looks like it did in Illustrator. This can be
used, for instance, for an icon with a few characters in a word like “Home.” If you
use more complex fonts, like script fonts, the file size of your SVG file can in-
crease greatly if you choose Convert To Outline. Converting fonts to outline in
SVG can also make the SVG file less accessible.