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

Question

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

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

score 0 · Accepted Answer

我想我想通了。将这些规则添加到我的样式表似乎可以解决它：

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

只是设置subpixel-antialiased不起作用，只是为身体添加背景颜色不起作用。这可以简化为仅选择*或html *。此外，鉴于这subpixel-antialiased是默认设置，删除该规则也应该有效。

1 回答 1