Mac上的Web字体与Windows不同

时间:2014-12-19 05:11:30

标签: css macos fonts

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

Demonstration of different outcomes

Link to the Google Font

CSS中用于应用字体的代码是:

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

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

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

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

1 个答案:

答案 0 :(得分:2)

尝试使用:

<ul>
<li> element</li>
<li> element</li>
<li> element</li>
<ul>

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