我在Chrome中使用SVG字体。
有时,字形的宽度似乎为零。这意味着如果我自己拥有角色,那么它的父容器的宽度为零,因此基本上没有显示。如果它的父母有其他东西,它将出现在字体后面。
所以,如果我对自定义字体有“+”,它会变得不可见,因为它似乎字形的宽度为零。
如果我有类似
“+”Cookie
的内容,我会看到Cookie,+是自定义字体,位于“Cookie”后面。
我不确定它是否是特定于Chrome的问题,.svg字体特定问题或者是什么。奇怪的是它有时只会发生。有时它会以刷新开始,然后通过几次刷新继续。最终它会消失(通常在清除缓存时)。
它似乎也不是一个损坏的文件下载,因为比较有效的响应的内容长度和不同的响应的内容长度是相同的...虽然我不准备排除任何东西。< / p>
感谢。
答案 0 :(得分:2)
显然,这是当前Chrome版本中的一个错误:http://code.google.com/p/chromium/issues/detail?id=95102
根据这一点,它应该在Chrome版本24(下一个版本)中修复。
我们有一个eot,svg,woff和ttf的字体堆栈。为了“修复”这个问题,我们已经将woff移到了svg以上,所以我们用它来代替。这似乎解决了这个问题。