html - Chrome 中的字体渲染问题 - Google Web Fonts

Question

我在 Chrome 上遇到了一个奇怪的 Google 字体呈现问题。这就是我的意思:

IE 10:

FireFox 36.0.4:

Chrome 41.0.2272.118 米:

这是特写(Chrome):

我使用的字体叫做“Playfair”，可以在 Google Fonts 上免费获得。这是我的 CSS/SCSS:

@import url("http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic");

    .foo{
      font-family:$playfair;
      font-style: italic;
      font-weight:normal;
      color: $light_grey;          
      font-size:12px;
    }

Answer 1

你试过字体平滑吗？

-webkit-font-smoothing: antialiased;

此外，尝试更改:

font-weight: normal;

到:

font-weight: 400;