Chrome中的自定义CSS SVG字体，字形宽度为零
Chrome中的自定义CSS SVG字体，字形宽度为零
提问于 2012-12-06 07:27:17
我在Chrome中使用的是SVG字体。
有时，字形似乎以宽度为零结束。这意味着如果我有一个单独的字符，它的父容器的宽度为零，所以它基本上不会显示。如果它的父对象有其他东西，它会出现在字体后面。
因此，如果我在自定义字体中使用"+“，它将不可见，因为字形的宽度似乎为零。
如果我有像这样的东西
"+“Cookie
，我看到Cookie，+是自定义字体，位于单词"Cookie“的后面。
我不确定这是Chrome特有的问题，还是.svg字体特有的问题。奇怪的是，这种情况只会偶尔发生。偶尔，它会从刷新开始，然后持续几次刷新。最终它会消失(通常在缓存被清除时)。
这似乎也不是一个损坏的文件下载，因为比较响应的内容长度是否有效是相同的……尽管我不准备排除任何可能性。
谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-12-06 07:59:19
显然，这是当前版本Chrome中的一个错误：http://code.google.com/p/chromium/issues/detail?id=95102
根据这一点，它应该在Chrome版本24 (下一个版本)中得到修复。
我们有一个eot，svg，woff和ttf字体堆栈。为了“修复”这个问题，我们将woff移到了svg之上，所以改为使用svg。这似乎解决了问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13734394
复制相关文章
相似问题
腾讯云开发者
