文字显示不同

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;
}

的Mac：

窗：

Answer 1

你设置css的方式，如果第一个选项不可用，它将默认为不同的字体。我无法分辨它是否是从图片中做到的。

它也可能是“font-weight”属性的变化。

看看是否添加此修复程序：

font-weight:normal; 

或：

font-weight:400;

Answer 2

尝试使用这样的短手属性：

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