css - 文字显示不同

Question

我遇到一个问题，有一段文本在 Windows 上看起来比在 Mac 上看起来“更粗”。

如何让它显示相同的内容？

这两种浏览器都是 Chrome，并且它只发生在 Chrome 中。

CSS:

#featured-slider .slide-content header h1 a, #featured-slider .slide-content footer h1 a {
color: #fff;
font-size: 20px;
font-family:'Open Sans', arial, sans-serif;
-webkit-font-smoothing: antialiased;
}

苹果机:

Windows :

Answer 1

尝试像这样使用简写属性:

font: normal 20px 'Open Sans', arial, sans-serif !important;