2015-04-02 115 views
0

我在Chrome上收到奇怪的Google字體呈現問題。這裏是我的意思是:Chrome中的字體呈現問題 - Google Web字體

IE 10: enter image description here

火狐36.0.4: enter image description here

的Chrome 41.0.2272.118 L: enter image description here

這裏是特寫鏡頭(Chrome):

enter image description here

我使用被稱爲「普雷費爾」,並提供免費的谷歌上字體的字體。這裏是我的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; 
    } 

回答

0

原來,是字體提示設置。我發現了幾個webfont生成器,通過讓用戶選擇不同的提示設置來解決這個問題。如果你有同樣的問題,試試這個https://fontie.flowyapps.com/home

0

您是否嘗試過的字體平滑?

-webkit-font-smoothing: antialiased; 

另外,嘗試改變:

font-weight: normal; 

到:

font-weight: 400; 
+0

是的,嘗試了所有這一切。顯然,很多人都遇到了這個問題,我發現的唯一解決方法是使用'@ font-face',並確保Chrome和Opera首先呈現'svg'。更多細節在這裏:http://bit.ly/1yFVeXD – 2015-04-02 14:41:35