Geek Answers Handbook

Any advantage of using the SVG font in @ font-face instead of TTF / EOT?

I am studying the use of SVG fonts in the @ font-face declaration. So far, Safari 4 and Opera 10 seem to support it. Firefox 3.5 does not support it, but there is an error report, but there are no fixes yet (although there are fixes).

I am wondering, with @ font-face support in major browsers, what is the advantage of using the SVG font format instead of TTF / OTF / EOT? The only advantage I could take from the discussion above was that you can add your own missing gylphs to fonts that don't support them yet.

Is there any other reason to specify SVG fonts in CSS?

+4
source share
3 answers

This seems to be the only way to use web fonts in Mobile Safari. So this is a pretty big advantage if you are developing for iPhones and iPads. Font Squirrel @ font-face generator can create the appropriate SVG file and CSS syntax from any OpenType font.

+2
source

W3C claims the following benefits:

One of the drawbacks of WebFont today is that specifications such as [CSS2] do not require support for certain font formats. As a result, various implementations support different web font formats, which makes it difficult for websites to create a single website using WebFonts, which works with all user agents.

To provide a common font format for SVG, which is guaranteed to be supported by all relevant SVG viewers, SVG provides the ability to define fonts in SVG. This tool is called SVG fonts.

SVG fonts can enhance the semantic richness of the graphics that the text represents. For example, many company logos consist of a company name made by an artist. In some cases, accessibility can be enhanced by expressing the logo as a series of glyphs in the SVG font and then displaying the logo as a "text" element that refers to that font.

But the point of the general format is not really taken into account due to the lack of browser support.

+2
source

svg webfonts cannot work in a standalone web application. Here you can see an example: http://straathof.acadnet.ca/beta2.2 Save this file on the idevice home page, turn on airplane mode and open it. The svg fonts and the naming system used result in a font URL error.

I hope Apple fix it soon.

0
source

More articles:


All Articles