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

Question

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

score 2 · Accepted Answer

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

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

score 0 · Accepted Answer

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

我认为 chrome 字体问题与谷歌优化字体的方式与字体松鼠的方式有关。

score 0 · Accepted Answer

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

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

3 回答 3