Chrome中的@ font-face渲染（Android / Win7）

Question

通过我正在处理的网站，我遇到了@ font-face渲染的两个问题 - 无论是Android版Chrome（在三星Galaxy S上测试过）还是Chrome for Win7版。两个最新版本。

问题在视觉上略有不同，但我认为与同样的事情有关。

这里有一些截图，可以更好地向您介绍我正在谈论的内容

  

适用于iPhone / Android的Chrome（用户代理） - 确定

  

Chrome for Android - 错误

  

Chrome for Ubuntu - 确定

  

Chrome for Win7 - 错误

因此，正如您所看到的，Chrome for Android中的字体未正确显示 - 它显示的是某些默认字体，而不是我们正在使用的字体（farnhamdisplay）。另一方面，它适用于Chrome用户代理和Chrome for iPhone。

第二个问题...相同的字体...它在顶部切割，仅在Chrome for Windows 7中。另一方面，适用于Ubuntu的Chrome。

这也适用于任何其他浏览器（Firefox，IE，...）

此处还有一个CSS代码示例（适用于移动版）：

@font-face {
    font-family: 'Farnhamdisplay-regular';
    src: url('../fonts/farnhamdisplay-regular.eot');
    src: url('../fonts/farnhamdisplay-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/farnhamdisplay-regular.svg#proxima_nova_ltregular') format('svg')
        url('../fonts/farnhamdisplay-regular.woff') format('woff'),
        url('../fonts/farnhamdisplay-regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}

#navigation {
    display:inline-block;
    vertical-align:top;
    padding-left:48px;
    font:27px/29px "Farnhamdisplay-regular";
    text-transform:uppercase;
    text-decoration: none;
    margin:18px 0 0 31px;
    color:#333;
    letter-spacing:2px;
}

有人有任何想法吗？我偶然发现了一些类似的问题，据我所知，这可能是Chrome方面的问题。它适用于Google字体，但它不能使用某些自定义TypeKit字体等。