css - 为什么我的嵌入字体渲染不正确？

我正在使用google fonts api，该字体在Google上看起来不错，但是当我尝试使用它时，它无法正确呈现。这是一个例子：

https://twitter.com/dontdie/status/129234318299111424/photo/1

这是在Chrome中的两个不同标签。由于某些原因，Chrome浏览器未在我的网站上使用“亚像素渲染”（http://en.wikipedia.org/wiki/Subpixel_rendering），但是在Google上已将其打开。

最佳答案

我想我明白了。将这些规则添加到样式表中似乎可以解决此问题：

body, body * {
  background-color: #fff;
  -webkit-font-smoothing: subpixel-antialiased;
}

仅设置subpixel-antialiased无效，仅向主体添加背景色无效。可以简化为仅选择*或html *。同样，由于subpixel-antialiased是默认设置，因此删除该规则也应该起作用。