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

Question

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

Link to the Google Font

CSS 中应用字体的代码是:

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

就像字体网站建议将字体嵌入网站一样。 (字体也根据需要链接到头文件中)。

我使用的网络浏览器在这两种情况下都是 Chrome，但是如果我在 Mac 上使用 Safari 或在 Windows 上使用 Firefox 或任何其他浏览器分类，结果保持不变。这似乎是系统级的事情。

我有什么选择可以解决这个问题，以便我仍然可以为我的网站使用 Google 网络字体？

Answer 1

尝试使用:

   -webkit-font-smoothing: antialiased;

在我的案例中，这帮助我使 Mac 和 Windows 上的字体看起来一样。