css - Chrome 中的自定义 CSS SVG 字体，字形具有零宽度

Question

我在 Chrome 中使用 SVG 字体。

有时，字形似乎以零宽度结束。这意味着如果我单独拥有 Angular 色，它的父容器的宽度为零，所以它基本上不会显示。如果它的父级有其他东西，它会出现在字体后面。

因此，如果自定义字体带有“+”，它就会变得不可见，因为字形的宽度似乎为零。

如果我有类似

“+”Cookie

的东西，我会看到 Cookie，+ 是自定义字体，位于“Cookie”一词的后面。

我不确定这是特定于 Chrome 的问题、特定于 .svg 字体的问题还是其他问题。奇怪的是它只是偶尔发生。有时它会从刷新开始，然后通过多次刷新持续存在。最终它会消失(通常在清除缓存时)。

它似乎也不是损坏的文件下载，因为比较有效响应的内容长度和无效响应的内容长度是一样的……尽管我不准备排除任何可能性。

谢谢。

Answer 1

显然这是当前版本的 Chrome 中的错误:http://code.google.com/p/chromium/issues/detail?id=95102

据此，它应该在 Chrome 版本 24(下一个)中得到修复。

我们有一个 eot、svg、woff 和 ttf 的字体堆栈。为了“解决”这个问题，我们将 woff 移到了 svg 之上，所以使用它来代替。这似乎可以解决问题。