0

我正在尝试创建在不同浏览器中看起来尽可能相似的 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 如何正确呈现第一种字体而不是第二种字体？

4

1 回答 1

0

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

于 2013-01-10T21:42:42.680 回答