css - Text Display Different

Question

I am having an issue with a section of text looking "bolder" on Windows then it does on Mac.

How do I get it displaying the same?

Both browsers are Chrome and its only happening in 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:

Windows:

Answer 1

尝试使用这样的简写属性：

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

Answer 2

您设置 css 的方式，如果第一个选项不可用，它将默认为不同的字体。我无法从图片中判断它是否正在这样做。

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

看看添加这个是否修复它：

font-weight:normal; 

或者：

font-weight:400;