在移動設備上打開Sans呈現不正確

Question

我在一個網站上使用源自Google Fonts的Open Sans Light。一切都看起來不錯，除了一個特殊字符'č'呈現比移動設備上的其他文字更厚。在桌面上看起來沒問題。任何想法是什麼可能導致這個問題，以及如何解決它，請？

Link to the website

Answer 1

答案是，包括拉丁子集的支持

<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,800&amp;subset=latin-ext,latin" rel="stylesheet"> 

另外，如果我是你，我會添加正確font-weight您有：

p, .tg { 
    padding: 30px; 
    color: #00afec; 
    font-weight: 100; 
    font-size: 28px; 
} 

更改爲：

p, .tg { 
    padding: 30px; 
    color: #00afec; 
    font-weight: 300; 
    font-size: 28px; 
} 

作爲補充，我會添加一些字體平滑：

-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale;