Chrome中的字體渲染問題-Google Web字體

Question

我在Chrome上遇到了一個奇怪的Google字體渲染問題。 這是我的意思：

IE 10：

FireFox 36.0.4：

鉻41.0.2272.118 m：

這是特寫鏡頭（Chrome瀏覽器）：

我使用的字體稱為“ Playfair”，可在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