为什么谷歌字体在 Chrome 中看起来如此糟糕？答案

【问题标题】：Why does the google font look so bad in Chrome?为什么谷歌字体在 Chrome 中看起来如此糟糕？
【发布时间】：2013-08-25 23:52:31
【问题描述】：

常见的免费字体“Open Sans”的所有字体大小在 Firefox 中看起来都很棒，但是当我在 Chrome 中查看该站点时，边缘像素化严重，字母间距甚至不一样。我能做些什么来解决这个问题吗？我需要使用谷歌字体，而不是@font-face。

【问题讨论】：

【解决方案1】：

我发现使用 fontsquirrel.com 之类的工具重新生成字体以创建您自己托管的工具包，可以解决 chrome 的大部分字体渲染问题。

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

【讨论】：

【解决方案2】：

我正在使用 text-shadow 并使用 javascript 调用它来仅修复歌剧和 chrome

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

【讨论】：

【解决方案3】：

您的选项有点有限，但可以专门为 Windows 版 Chrome 提供帮助的一件事是更改字体文件的嵌入顺序。这篇文章有更多关于这个技巧的细节。

另一个因素可能是 CSS 过渡的使用。我见过这似乎会影响字体平滑的实例。值得试验一下，看看在没有它们的情况下是否能在抗锯齿上获得更好的结果。

【讨论】：