svg - 在@font-face 中使用 SVG 字体而不是 TTF/EOT 有什么好处？

Question

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

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

还有其他理由在 CSS 中指定 SVG 字体吗？

Answer 1

W3C陈述了这些优点：

迄今为止，WebFont 工具的一个缺点是 [CSS2] 等规范不需要支持特定的字体格式。结果是不同的实现支持不同的 Web 字体格式，从而使网站创建者难以使用跨所有用户代理工作的 WebFonts 发布单个网站。

为了为 SVG 提供一种确保所有符合标准的 SVG 查看器都支持的通用字体格式，SVG 提供了一种在 SVG 中定义字体的工具。该工具称为 SVG 字体。

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

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

Answer 2

这似乎是在 Mobile Safari 上使用网络字体的唯一方法。因此，如果您正在为 iPhone 和 iPad 进行开发，这是一个相当大的优势。Font Squirrel 的@font-face 生成器可以从任何 OpenType 字体创建适当的 SVG 文件和 CSS 语法。

Answer 3

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

希望苹果能尽快解决这个问题。