Chrome使用空白呈现@ font-face字体

Question

请看一下这个JSFiddle：

http://jsfiddle.net/tCeKm/

我们使用@ font-face嵌入字体 Bitstream Vera Sans 。在Firefox和IE上，字体渲染没问题：

在Windows 7上的Chrome 35上，Y字符与下一个字符之间存在一些差距：

我们正在使用HTML5 Boilerplate CSS重置，因此差异很可能是Chrome中的错误或字体问题。

编辑：在Chrome屏幕截图（第二张图片）中，字体的重量似乎较小。这只是因为Stackoverflow缩小了第二张图像，因为它的宽度太大了。

Answer 1

缺少那些“间隙”，因为字体没有应用字距。您可能在Windows上使用Chrome - OSX上的Chrome会正确显示您的字体。

此Typekit article中的更多信息：

  

Windows上的Chrome根本不支持字距调整，这是因为他们使用GDI渲染文本。 Chrome很快就会切换到使用DirectWrite渲染文本，然后还应支持Windows Vista及更高版本的字距调整和其他OpenType功能。默认情况下，在Firefox和Safari 7中启用了Kerning（在OS X和iOS上）。