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

マック：

ウィンドウズ：

Answer 1

次のような省略形のプロパティを使用してみてください。

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