1

我在 Chrome 中使用 SVG 字体。

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

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

如果我有类似的东西

"+" 饼干

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

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

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

谢谢。

4

1 回答 1

2

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

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

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

于 2012-12-05T23:59:19.457 回答