加粗的字体在Mac上看起来很奇怪

加粗的字体在Mac上看起来很奇怪

问题描述:

最新的Chrome在Windows和Mac上呈现Lato的不同。加粗的字体在Mac上看起来很奇怪

计算样式:

enter image description here

结果:

enter image description here

如何解决Mac版更好看,因为赢吗?谢谢!

+0

@IvanFrazaniuk这是[重复]。看到这个[* 1](https://*.com/questions/9450706/safari-font-weight-issue-text-too-bold)和这[* 2](https://*.com/questions/ 13296868/webkit-font-smoothing-antialiased-equivalent-in-firefox) –

+0

@NebojsaNebojsa提到的两个问题都是关于不同浏览器中的行为。 –

+0

@IvanFrazaniuk Chrome for Win和Chrome for Mac是不同的浏览器。试试第二个链接,我发布在第一个评论'-webkit-font-smoothing:antialiased;'帮助我进行了一些早期工作 –

要在整个浏览器中一致地呈现粗体文本,您的字体应该明确地包含粗体字符。 解决https://*.com/a/9451858/1214162

请尽量不要使用以下:

font-weight:600 !important; 

,看看字体匹配跨平台。

+0

另外,我没有足够的代表评论,你用什么方法来包含字体-家庭? @import等? –