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

时间:2009-09-19 18:13:29

标签: svg css3 font-face

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

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

在CSS中指定SVG字体还有其他原因吗?

3 个答案:

答案 0 :(得分:2)

W3C说明了这些优势:

  

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

     

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

     

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

但由于缺乏浏览器支持,普通格式的重点并不重要。

答案 1 :(得分:2)

这似乎是在Mobile Safari上使用网络字体的唯一方法。如果您正在为iPhone和iPad开发,那么这是一个非常大的优势。 Font Squirrel的@font-face generator可以从任何OpenType字体创建适当的SVG文件和CSS语法。

答案 2 :(得分:0)

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

希望Apple尽快解决这个问题。