モバイルデバイスでSansのレンダリングが正しく行われない

Question

私は、1つのWebサイトでGoogle FontsのソースであるOpen Sans Lightを使用しています。 1つの特殊文字 'č'がモバイルデバイスのテキストの残りの部分よりも太くレンダリングされることを除いて、すべてが見栄えがよくなっています。デスクトップ上ではそれは大丈夫です。どのような問題が発生する可能性があり、どのように解決するか考えてください。

Link to the website

Answer 1

答えは私があなただった場合にも、私はあなたが持っている正しいfont-weightを追加するラテン語のサブセットのサポートに

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

を含めることです。

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;