暗い背景でフォントが強く表示される

Question

フォントに関する問題を回避しようとしています。特定のGoogle Robotフォント。

私のテスト（OSX Sierra 10.12.6のChrome 62.0.3202.62）では暗い背景にフォントが強く表示されますが、グーグルのダークフォント版（https://fonts.google.com/specimen/Roboto?selection.family=Roboto:300,500,700 - 暗い背景を選択）。私が登場するの

スクリーンショット：

Googleが登場する対（その光）

は、私は私のレンダリングに何か問題があった信じ始めましたが、後にしようこれは、セットアップが異なる複数のマシン上で、これはすべて同じです。

これを修正する方法はありますか？または、なぜGoogleと私のテストの違いについての説明。テストのための

URL：あなたのボタンのスタイリングにこれらを追加する https://jsfiddle.net/fb3umv2e/

.btn { 
    display: inline-block; 
    padding: 7px 8px; 
    text-align: center; 
    background: #fff; 
    color: #000; 
    font-family: "Roboto"; 
    font-weight: 300; 
    text-decoration: none; 
    font-size: 20px; 
} 
.btn.inverted { 
    background: #222; 
    color: #fff; 
} 

敬具 リチャード

Answer 1

てみてください:)

-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;