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

【问题标题】：Custom CSS SVG Font in Chrome, Glyphs Have Zero-WidthChrome 中的自定义 CSS SVG 字体，字形具有零宽度
【发布时间】：2012-11-23 22:30:17
【问题描述】：

我在 Chrome 中使用 SVG 字体。

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

所以，如果我有自定义字体的“+”，它最终会变得不可见，因为字形的宽度似乎为零。

如果我有类似的东西

“+”Cookie

，我看到了Cookie，+是自定义字体，在“Cookie”这个词的后面。

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

这似乎也不是一个损坏的文件下载，因为比较有效响应的内容长度和何时不一样......虽然我不准备排除任何事情。

谢谢。

【问题讨论】：

【解决方案1】：

据此，它应该在 Chrome 版本 24（下一个）中修复。

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

【讨论】：