谷歌网络字体在不同浏览器中的渲染差异

7
我决定使用Google Web字体“Signika”:http://www.google.com/webfonts/specimen/Signika 虽然我非常喜欢这种字体的外观,但一些浏览器或平台并不向其用户提供此项豪华服务。
以下是我观察到的情况:
- Arch Linux - 最新版本的Chromium - 完美 - Arch Linux - 最新版本的Firefox - 完美 - Win7 64位 - 最新版Chrome - 差(如果我没记错的话,与右侧图像相同) - Win7 64位(virtualbox VM)- 最新版Firefox - 差(见下图) - Win7 64位(virtualbox VM)- IE9 - 完美??(见下图)
最后两个让我感到惊讶。下面是在IE9和Firefox上呈现的比较。两者都在同一台机器上(Win7 64位virtualbox VM)。 IE9 vs latest Firefox 左边的看起来像被平滑处理了 - 像素不仅是黑色或白色,还有中间颜色。右边的看起来只使用了2种颜色。
当将IE9的浏览器模式设置为IE8或IE7时,字体开始看起来像该机器上的Firefox(不平滑)。
我试图理解这一切。到底发生了什么,有没有办法让它看起来平滑?我在周围寻找类似的问题并尝试了以下建议的修复/解决方法:
font-smooth: always;
-webkit-font-smoothing: antialiased;

并且

text-shadow:0 0 1px transparent;

没有效果。(在最新版本的Firefox上尝试了Win7 64位(虚拟机中的VirtualBox),但是无法运行)

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


我写了一篇详细的博客文章,其中包括解决方法:如何解决 Google Chrome 中丑陋的字体渲染,也有人在这里提出了同样的问题:https://dev59.com/EWgu5IYBdhLWcg3wOUkk。 - Sliq
1个回答

0

早期的帖子中的评论中,提到了与Web字体相关的这篇文章。它解释说,如果您决定自行托管,则应使用Postscript轮廓将其转换为Web字体。

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


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接