Mac 上的 Web 字体看起来与 Windows 不同

Question

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

链接到 Google 字体

CSS 中应用字体的代码是：

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

就像字体网站建议将字体嵌入网站一样。（此外，字体根据需要链接在头文件中）。

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

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

Answer 1

尝试使用：

   -webkit-font-smoothing: antialiased;

在我的例子中，这帮助我使 Mac 和 Windows 上的字体看起来相同。