在移动设备上打开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;