css - 为什么我的嵌入字体呈现不正确？

Question

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

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

这是在 Chrome 中，两个不同的选项卡。出于某种原因，Chrome 没有在我的网站上使用“子像素渲染”(http://en.wikipedia.org/wiki/Subpixel_rendering)，但在谷歌上它是打开的。

Answer 1

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

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

只是设置 subpixel-antialiased 没有用，只是给 body 添加背景颜色也没有用。这可能会被简化为仅选择 * 或 html *。此外，鉴于 subpixel-antialiased 是默认设置，删除该规则也应该有效。