2017-07-20 4 views
0

その奇妙な、私はソースsansプロを使用すると、それはクロムで大胆に見えるが、私がサファリに切り替えると、それはより薄く見える。フォントはクロムの上で少し太めに見える

私はので、私はそれが私のコードでの私のコードまたはHERESに私のブラウザ テキストの一部

  <div class="collapse navbar-collapse navHeaderCollapse"> 
      <ul class="nav navbar-nav navbar-right"> 
       <li><a href="#">HOME</a></li> 
       <li><a href="#">MY WORK</a></li> 
       <li><a href="#">ABOUT ME</a></li> 

      </ul> 
     </div> 

CSSであればわからない頭で

が埋め込まれていないソースなきをダウンロードしています

ul{ 
font-family:'Source Sans Pro'; 
left: 50%; 
position: absolute; 
font-weight: 100; 
letter-spacing: 0.5px; 
font-size: 13px 

}

+0

さて、あなただけのクロスブラウザの互換性の古来の問題を発見しました – Kai

答えて

0

フォントスタイルにこれを追加します。

backface-visibility: hidden; -webkit-backface-visibility: hidden;

0

あなたは、このいずれかを使用することができます。私はそれが便利だと思う:

:focus, a:focus { 
    outline: 0 
} 
1

はそれが役立つかもしれない、これを試してみてください:

moz-osx-font-smoothing: grayscale; /*(For Firefox)*/ 
webkit-font-smoothing: antialiased; /*(For Chrome and Safari)*/ 
関連する問題