Fonts Google Web字体呈现浏览器差异

Fonts Google Web字体呈现浏览器差异,fonts,font-face,google-webfonts,Fonts,Font Face,Google Webfonts,我决定使用Google Web字体“Signika”: 虽然我绝对喜欢这种字体在正确呈现时的外观,但一些浏览器或平台并没有为用户提供这种奢华 以下是我观察到的: Arch Linux-最新Chromium-完美 Arch Linux-最新Firefox-完美 Win7 64位-最新Chrome-较差(如果我没记错的话,与右边的图像相同) Win7 64位(virtualbox VM)-最新Firefox-性能差(见下图) Win7 64位(virtualbox虚拟机)-IE9-完美??(见下图

我决定使用Google Web字体“Signika”:

虽然我绝对喜欢这种字体在正确呈现时的外观,但一些浏览器或平台并没有为用户提供这种奢华

以下是我观察到的:

  • Arch Linux-最新Chromium-完美
  • Arch Linux-最新Firefox-完美
  • Win7 64位-最新Chrome-较差(如果我没记错的话,与右边的图像相同)
  • Win7 64位(virtualbox VM)-最新Firefox-性能差(见下图)
  • Win7 64位(virtualbox虚拟机)-IE9-完美??(见下图)
最后两个让我吃惊。下面是左侧IE9和右侧Firefox渲染的比较。两者都在同一台机器上(Win7 64位virtualbox VM)

左边的那个看起来像是被平滑了——像素不是黑色或白色,而是介于两者之间。右边的那个看起来只有两种颜色

当IE9的浏览器模式设置为IE8或IE7时,字体开始与该机器上的Firefox相似(不平滑)

我想弄明白这一点。到底发生了什么,有什么办法可以让事情看起来顺利吗?我四处寻找类似的问题,并尝试了以下建议的修复/解决方法:

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

没有效果。(使用最新的Firefox在Win7 64位(virtualbox VM)上试用)

如有任何建议,将不胜感激

链接到的Web字体下的注释。它解释说,如果您决定自宿主,您应该使用Postscript大纲转换为webfonts


因为您使用的是谷歌Webfont,所以它是开源的。在使用CSS调整字体平滑度之前,您可以尝试使用此技术。

我在博客中详细介绍了这一点,包括修复:这里也有人问:
text-shadow:0 0 1px transparent;