Css Mac电脑上的网页字体与Windows不同

Css Mac电脑上的网页字体与Windows不同,css,macos,fonts,Css,Macos,Fonts,我已经选择使用众多谷歌网页字体中的一种作为我网站的主字体。该网站同时在Mac和Windows电脑上显示,但字体在页面上的尺寸和空间结构上略有不同 CSS中应用字体的代码是: html, body { font-family: 'Lato', sans-serif; } 就像字体网站建议将字体嵌入网站一样。(字体也会根据需要链接到头文件中) 在这两种情况下,我使用的web浏览器都是Chrome浏览器,但是如果我在Mac上使用Safari或在Windows上使用Firefox或任何其他

我已经选择使用众多谷歌网页字体中的一种作为我网站的主字体。该网站同时在Mac和Windows电脑上显示,但字体在页面上的尺寸和空间结构上略有不同

CSS中应用字体的代码是:

html, body {
    font-family: 'Lato', sans-serif;
}
就像字体网站建议将字体嵌入网站一样。(字体也会根据需要链接到头文件中)

在这两种情况下,我使用的web浏览器都是Chrome浏览器,但是如果我在Mac上使用Safari或在Windows上使用Firefox或任何其他类型的浏览器,结果都是一样的。这似乎是一个系统级的事情

我必须采取哪些措施来解决这个问题,以便我仍然可以在我的网站上使用Google Web字体?

尝试使用:

   -webkit-font-smoothing: antialiased;

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

不同的浏览器和操作系统组合呈现的字体略有不同。我认为除了提供足够的变化空间之外,你没有什么可以做的。欢迎来到字体渲染的世界。你没看到入口处的牌子上写着“像素不完美”吗?同样的问题,linux和windows;我的字体填充在linux上是需要的,而不是在win上。。。必须写2个css。。。