在Mac上的Web字体与Windows上不同。

Question

12

我选择使用众多谷歌网络字体作为我的网站的主要字体。该网站在Mac和Windows电脑上显示，但字体在页面上的尺寸和空间排列略有不同。

Demonstration of different outcomes

在CSS中应用该字体的代码为：

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

就像字体网站建议将字体嵌入网站一样。(同时，根据要求，在头文件中链接了字体)。

我使用的网络浏览器是Chrome，但如果我在Mac上使用Safari或在Windows上使用Firefox或其他各种浏览器，结果仍然相同。这似乎是一个系统级别的问题。

我有哪些选项可以解决这个问题，以便我仍然可以为我的网站使用Google Web Font？

- SteppingHat

4

不同的浏览器和操作系统组合会稍微不同地呈现字体。我认为你所能做的就是为这些变化提供充足的空间，除此之外，没有太多可以做的了。 - Alexander O'Mara

欢迎来到字体渲染的世界。你没看到入口处的标志写着“不是像素完美”的吗？ - deceze

同样的问题，Linux vs Windows；我的字体填充在Linux上需要，而在Windows上不需要...我必须写两个CSS... - singe batteur

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Dimitri Lukashuk · Accepted Answer

尝试使用：

   -webkit-font-smoothing: antialiased;

这在我的情况下帮助我使Mac和Windows上的字体看起来相同。