使用SVG字体替代TTF/EOT作为@font-face的优劣势？

Question

我正在调查在@font-face声明中使用SVG字体的用法。目前，只有Safari 4和Opera 10似乎支持它。Firefox 3.5不支持它，但有一个错误报告，但尚未提供修复程序（尽管有补丁）。

我想知道，在主要浏览器中支持@font-face的情况下，使用SVG字体格式代替TTF / OTF / EOT格式有什么优势？我从上面链接的讨论中唯一能得到的优点是，您可以将自己缺少的字形添加到尚未支持它们的字体中。

除了指定SVG字体以外，还有其他原因吗？

- Divya Manian

Answer 1

在移动版Safari上，似乎使用Web字体的唯一途径就是这样。因此，如果你正在为iPhone和iPad开发，则这是一个相当大的优势。Font Squirrel的@font-face生成器可以从任何OpenType字体创建适当的SVG文件和CSS语法。

- Guillermo Esteves

---

这个内容已经过时了，除非你必须支持旧版的iOS（它们的使用率很低）。http://caniuse.com/#feat=fontface - Luke Stanley

Answer 2

W3C指出了以下优点：

迄今为止，WebFont的一个缺点是，诸如[CSS2]之类的规范不要求支持特定的字体格式。结果是，不同的实现支持不同的Web字体格式，从而使网站创建者难以发布一种可以在所有用户代理上使用WebFonts的单个网站。

为了为SVG提供一种通用的字体格式，这种格式保证被所有符合SVG查看器的支持，SVG提供了一种在SVG中定义字体的方法。这个方法叫做SVG字体。

SVG字体可以提高表示文本的图形的语义丰富性。例如，许多公司标志由艺术地绘制的公司名称组成。在某些情况下，通过将标志表达为SVG字体中的一系列字形，然后将标志呈现为引用此字体的“文本”元素，可以增强可访问性。

但是，由于缺乏浏览器支持，通用格式的意义并不重要。

- räph

Answer 3

SVG WebFonts 无法在离线 Web 应用程序中工作。您可以在此处查看示例：http://straathof.acadnet.ca/beta2.2 将此文件保存到 iDevice 主页，打开飞行模式并打开它。SVG 字体和使用的命名系统导致字体 URL 失败。

希望苹果很快修复这个问题。

- Gerry Straathof