Safariのフォントサイズの不一致

Question

私のフォントサイズはchromeとfirefoxで問題ありません。サファリで見ると、物事は完全に下り坂になります。フォントサイズは非常に大きいです。

http://codepen.io/anon/pen/GZEdXZ

<section> 
    <div class="row"> 
     <div class="row-sm-height"> 
      <section class="col-sm-6"> 
       <a href='@Url.Action("Top6GolfTerms", "Golf")'> 

       </a> 
      </section> 
      <aside class="col-sm-6"> 
       <div> 
        <span> <a id="Article_Category">Golf</a></span> 
        <h2 id="Article_Header2"> 
         <a id="Article_Title"> 
        UFC Champions: The 5 Most Influential Fighters That Will Go Down Into UFC History 
         </a> 
        </h2> 
       </div> 
      </aside> 
     </div> 
    </div> 
    <hr> 
</section> 

<section> 
    <div class="row"> 
     <div class="row-sm-height"> 
      <section class="col-sm-6"> 
       <a href='@Url.Action("MostInfluentialUfcFIghters", "MMA")'> 

       </a> 
      </section> 
      <aside class="col-sm-6"> 
       <div> 
        <span> <a id="Article_Category">UFC</a></span> 
        <h2 id="Article_Header2"> 
         <a id="Article_Title"> 
        UFC Champions: The 5 Most Influential Fighters That Will Go Down Into UFC History 
         </p> 

        </h2> 
       </div> 
      </aside> 
     </div> 
    </div> 
    <hr> 
</section> 

私は、このような％に文字サイズを変更する代わりにピクセルを使用するなど、複数のものを試してみました。私はあなたが持っている問題は、フォントが変化することで、これらのスクリーンショットから見ている何よりのSafari http://snag.gy/kOXad.jpg

Answer 1

上のクロムhttp://snag.gy/K7BjL.jpg で

text-rendering:optimizeLegibility;を使用してみました。 AFAIK同じサイズに設定されていても、すべてのフォントが同じサイズであるとは限りません。別のフォントファミリーを試してみてください。