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;