android - 在移动设备上打开 Sans 渲染不正确

Question

我在一个网站上使用来自 Google 字体的 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;