在移动设备上错误地打开Sans渲染

Question

我正在一个网站上使用源自Google字体的Open Sans Light。 一切看起来都不错，除了一个特殊字符“č”比移动设备上其余文本更粗。 在桌面上看起来还不错。 请问是什么原因导致了该问题以及如何解决？

链接到网站

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;