Google Web Font渲染浏览器的差异

Question

我决定使用Google网络字体“Signika”：http://www.google.com/webfonts/specimen/Signika

虽然我非常喜欢这种字体在正确呈现时的外观，但某些浏览器或平台并不能为用户提供这种奢侈品。

这是我观察到的：

• Arch Linux - 最新的Chromium - 完美
• Arch Linux - 最新的Firefox - 完美
• Win7 64位 - 最新Chrome - 差（如果我没记错的话，与右图相同）
• Win7 64位（虚拟机VM） - 最新的Firefox - 差（见下图）
• Win7 64位（虚拟机VM） - IE9 - 完美?? （见下图）

最后2个让我感到惊讶。这是左边的IE9和右边的Firefox的渲染比较。两者都在同一台机器上（Win7 64位虚拟机VM）。

左边的那个看起来像是被平滑了 - 像素既不是黑色也不是白色，而是介于两者之间。右边的那个看起来像是只使用了两种颜色。

当IE9的浏览器模式设置为IE8或IE7时，该机器上的Firefox开始显示字体（不流畅）。

我正试图理解这一点。到底发生了什么，可以做些什么让它看起来光滑？我一直在寻找类似的问题，并尝试了以下建议的修复/解决方法：

font-smooth: always;
-webkit-font-smoothing: antialiased;

和

text-shadow:0 0 1px transparent;

没有效果。 （使用最新的Firefox在Win7 64位（虚拟机VM）上试用它们）

任何建议都将不胜感激！

Answer 1

与earlier post相关联的网络字体下的this article中的评论。它解释说，如果你决定自我托管，你应该使用Postscript轮廓转换为webfonts。

由于您使用的是Google Webfont，因此它是开源的。您可以在使用CSS调整字体平滑之前尝试此技术。