css – Mac上的Web字体与Windows不同

我选择使用众多Google Web Fonts中的一个作为我网站的主要字体.该网站正在Mac和
Windows计算机上显示,但字体在页面上的尺寸和空间构造方面略有不同.

Link to the Google Font

CSS中应用字体的代码是:

html, body {
    font-family: 'Lato', sans-serif;
}

就像字体网站建议将字体嵌入网站一样. (此外,字体根据需要链接在头文件中).

我使用的网络浏览器在两个实例中都是Chrome,但如果我在Mac上使用Safari或在Windows上使用Firefox或任何其他类型的浏览器,则结果保持不变.这似乎是一个系统级的事情.

我有什么选择来解决这个问题,以便我仍然可以在我的网站上使用Google Web字体?

最佳答案 尝试使用:

   -webkit-font-smoothing: antialiased;

在我的情况下,这帮助我在Mac和Windows上制作字体看起来是一样的.

点赞