Google chrome Chrome渲染带有间隙的@font-face字体

Google chrome Chrome渲染带有间隙的@font-face字体,google-chrome,font-face,Google Chrome,Font Face,请看一下这个JSFIDLE: 我们正在使用@font-face嵌入字体比特流Vera Sans。在Firefox和IE上,字体呈现正常: 然而,在Windows 7上的Chrome 35上,Y字符与以下字符之间存在一些间隙: 我们使用的是HTML5样板CSS重置,因此差异很可能是Chrome中的错误或字体问题 编辑:在Chrome屏幕截图(第二幅图像)中,字体的重量似乎较小。这只是因为Stackoverflow缩小了第二个图像,因为它的宽度太大。缺少这些“间隙”,因为没有对字体应用紧排。你

请看一下这个JSFIDLE:

我们正在使用@font-face嵌入字体比特流Vera Sans。在Firefox和IE上,字体呈现正常:

然而,在Windows 7上的Chrome 35上,
Y
字符与以下字符之间存在一些间隙:

我们使用的是HTML5样板CSS重置,因此差异很可能是Chrome中的错误或字体问题

编辑:在Chrome屏幕截图(第二幅图像)中,字体的重量似乎较小。这只是因为Stackoverflow缩小了第二个图像,因为它的宽度太大。

缺少这些“间隙”,因为没有对字体应用紧排。你很可能在Windows上使用Chrome——OSX上的Chrome会正确显示你的字体

更多信息请访问:

Windows上的Chrome根本不支持字距调整,这是因为它们使用GDI来呈现文本。Chrome将很快切换到使用DirectWrite呈现文本,并应在Windows Vista及以上版本上支持内核和其他OpenType功能。Firefox和Safari 7(在OS X和iOS上)默认启用内核功能