2016-06-12 26 views
1

私のウェブサイトでGoogleのOpen Sansフォントを使用しています。
FirefoxとChromeは正しい方法でフォントを表示しますが、Safariは正しく表示されません。
私はすべての-webkit-font-smoothingのオプションを試してみたが、それはOS XのSafariフォントが正しく表示されない

4-Images上にのみ修正されているようだ - >画像の上側には、私自身のウェブサイト

<select class="Open-Sans-normal-400"> 
    <option>EUW</option> 
</select> 

と下部にあります同じフォントを使用してください。Googles Font Website

さらに詳しい情報が必要な場合は、教えてください。私はそれらを追加します。

ありがとうございます。

答えて

0

これは役立つかもしれない:

* { 
    text-rendering: optimizeLegibility; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
} 

出典:Same font except its weight seems different on different browsers

+0

あなたのコード、またはあなたのソースは、通常400重量などのサファリルックのフォントを取得するには、私を助けにはなりませんでした。 :/ – ThaFlaxx

+0

明るいフォントではなく、暗い背景で使用するため、より明るいレンダリングであると考えましたか?あなたは白を黒に色を変えることでこれをテストできますか? – JoostS

+0

ホワイト・オン・ブラックとホワイト・オン・ホワイトは地獄のように見える。 しかし、私が '_ :: - moz-svg-foreign-content 'を使用した場合、ルートボディ{-webkit-text-stroke:0.5px;}'は必要なように見えますが、これは良い解決策ではありません。 – ThaFlaxx

関連する問題