Google Web Font渲染浏览器的差异

Question

我决定使用Google Web字体"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).

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

当IE9的浏览器模式设置为IE8或IE7时,字体开始在该机器上的Firefox中显示(不平滑).

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

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

和

text-shadow:0 0 1px transparent;

没有效果.(使用最新的Firefox在Win7 64位(virtualbox VM)上尝试过它们)

任何建议,将不胜感激!

Answer 1

之前在 webfonts 下发表的一篇文章中的评论链接到了本文。它解释说，如果您决定自行托管，则应使用 Postscript 轮廓转换为网络字体。

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