Chrome中的字体呈现问题 - Google Web字体

Question

我在Chrome上收到奇怪的Google字体呈现问题。这里是我的意思是：

IE 10：

火狐36.0.4：

的Chrome 41.0.2272.118 L：

这里是特写镜头（Chrome）：

我使用被称为“普雷费尔”，并提供免费的谷歌上字体的字体。这里是我的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

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

Answer 2

您是否尝试过的字体平滑？

-webkit-font-smoothing: antialiased; 

另外，尝试改变：

font-weight: normal; 

到：

font-weight: 400;