FF 和 IE9 上的 SVG 字体 -- css 字体在 svg 中工作，但 svg 字体不能？答案

【问题标题】：SVG fonts on FF and IE9 -- css fonts work in svg but svg fonts don't?FF 和 IE9 上的 SVG 字体 -- css 字体在 svg 中工作，但 svg 字体不能？
【发布时间】：2013-01-10 19:38:18
【问题描述】：

我正在尝试创建在不同浏览器中看起来尽可能相似的 SVG 文本。

理论上我知道 Firefox 和 IE 9 都不支持 SVG 字体。但是，我很困惑为什么他们似乎都能够获取我从 Typekit 下载的字体。

如果您查看此示例http://www.concord.org/~sfentress/test-svg2.html，您会看到两个尝试使用“Museo”字体的示例。

第一个仅指定“font-family="'museo-slab'"，这是从 Typekit 下载的字体。第二个直接链接到服务器上的 svg 字体文件 museo-sans-500。

在 Chrome 上，两种字体都正确呈现，但在 Firefox 和 IE 上，只有第一个字体可以。这对我来说似乎很奇怪——我本来希望两者都工作或都不工作。

Firefox 和 IE 如何正确渲染第一个字体而不是第二个？

【问题讨论】：

标签： svg svg-font

【解决方案1】：

Firefox 和 Internet Explorer 都不支持 SVG 字体（如您所说）。您的第一个字体不是由 SVG 字形组成的字体，因此可以正确呈现。我看到这些浏览器中对 SVG 字体的支持可能很快就会投入使用，但在那之前，它们不会呈现由 SVG 字形定义的字体。

【讨论】：