fonts - 谷歌网页字体渲染浏览器差异

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 - 完美？？ (见下图)

最后两个让我很惊讶。下面是左边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 位(虚拟机 VM)上尝试过)

任何建议，将不胜感激!

Answer 1

earlier post 中的评论在链接到 this article 的 webfonts 下.它解释说，如果您决定自托管，您应该使用 Postscript 轮廓转换为 webfonts。

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