为什么Google字体在Chrome中看起来如此糟糕?

时间:2013-08-23 03:21:43

标签: css google-chrome fonts css-transitions

http://bbmthemes.com/themes/smart/

普通免费字体“Open Sans”的所有字体大小在firefox中看起来都很棒,但是当我在Chrome中查看网站时,边缘可能会像素化,字母间距甚至不同。有什么办法可以解决这个问题吗?我需要使用谷歌字体,而不是@ font-face。

3 个答案:

答案 0 :(得分:1)

您的选项有限,但有一点可以帮助专门针对Chrome for Windows正在改变嵌入字体文件的顺序。本文提供了有关此技巧的更多详细信息。

Article on improving font smoothing in Chrome

另一个因素可能是使用CSS过渡。我见过这似乎影响字体平滑的实例。值得尝试的是看看如果没有它们,你会在抗锯齿方面取得更好的效果。

Other answers on this subject on stackoverflow

答案 1 :(得分:0)

我正在使用text-shadow,并使用javascript调用仅修复opera和chrome

if(navigator.userAgent.match(/chrome|opera/i))
{
  document.body.style.textShadow='rgba(0,0,0,0.3) 0px 0px 1px';
}

演示:http://jsfiddle.net/cQS7w/3/

答案 2 :(得分:0)

我发现使用fontsquirrel.com这样的工具重新生成字体来创建自己托管的工具包,解决了大多数chrome的字体渲染问题。

我认为chrome字体问题与google优化字体的方式和字体squirrel的方式有关。