ios safari 不会在 svg 文件中显示字体嵌入字体。任何修复？

Question

所以我有一个 SVG 文件，其中包含文本元素。示例：

<text transform="matrix(1 0 0 1 195.248 207.165)" fill="#999999" font-family="'LeagueGothic'" font-size="24">Europe</text>

当我为 iOS 中包含的某些东西（如 Helvetica 或 Futura）指定字体系列时，一切正常。但是，一旦我通过 @font-face 指定了一种字体，它就无法在 iOS 上运行，而在桌面版 Safari、Chrome、Firefox 和 Opera 上却可以。

否则@font-face 字体在整个页面中都可以正常工作，除了 SVG 部分。

尝试将 SVG 文件包含为 <embed>、<object> 和 <img>，但没有帮助。有趣的是，当我尝试内联 SVG（即直接在 HTML 中的 SVG 代码）时，字体是可以的，但它不会从 SVG 文件中绘制任何其他内容。

我使用的是 iOS 4.2。尝试过 SVG 1.1、1.1 Tiny、1.2 等都一样。

请问这是一个错误还是我遗漏了什么？谢谢。

此处的示例 SVG 文件：http://pastie.org/1637291

Answer 1

您的 svg 示例没有 @font-face 规则，也没有引用任何外部样式表。也许解决方案是在 svg 文件本身中包含具有该定义的样式表。

例如：

<style>
@font-face { font-family: foo; src: url(somefont.svg#theFontElementId) format("svg"); }
</style>

如果您使用 <object>、<embed>、<iframe> 或 <img> 等引用 svg 部分，并在页面的其他位置查看 webfont，则可能是缺少样式表的原因。