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

Question

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

IE 10：

FireFox 36.0.4：

Chrome 41.0.2272.118 m：

以下是特写（Chrome）：

我使用的字体名为＆＃34; Playfair＆＃34;，可在Google字体上免费使用。这是我的 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;

Answer 2

原来是字体提示设置。我找到了几个webfont生成器，通过让用户选择不同的提示设置来解决这个问题。如果您遇到同样的问题，请试试https://fontie.flowyapps.com/home