I have an Illustrator file which you can download from here.

However Illustrator CS6 seems to open the file as being totally empty. Is there something wrong with the file? Perhaps something I can edit before opening. Or is this just another bug with dealing with SVG in Illustrator?


SVG font files won't render anything unless you use them

The problem is that what you have there is an SVG font file, not a "regular" SVG file. An SVG font is the same as a regular font file, it won't render anything unless you actually use the font. Basically, a font is embedded the in that file ready to be used but never actually utilized to render anything.

For the most part, there's not much reason to use SVG fonts. It has been "removed from SVG 2.0 and considered as a deprecated feature with support being removed from browsers". Here's a screenshot (taken in Safari, courtesy of @Darth_Vader) of a working example:

SVG Font Screenshot

The ! in particular is swapped with one of the glyphs from the SVG font you've chosen.

Intall the font on your system if you need to use the glyphs

To actually use the glyphs in a mock-up, just install the font on your system. To keep my system fonts clean, I always use the "secret" way of installing them exclusively for use in Illustrator. Then just open up the Glyphs panel for easy access to the entire font.

Glyphs pane

  • Hi where can i get that svg font icon fonts or can you tell me the name of the font as shown above. Thanks – atek May 16 '17 at 14:45
  • @atek it's linked in the original question – JohnB May 18 '17 at 3:47

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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