Safari'de yazı tipi tutarsızlıkları

Question

Yazı tipimin boyutu krom ve firefox öğelerinde düzgün. Safari'de bakıldığında işler tamamen yokuş aşağı gidiyor. Yazı tipi boyutu ginormous.

Böyle% metin boyutunu değiştirerek yerine px kullanma gibi birden çok şeyler denedim

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

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

. Ben Karşılaştığınız sorun yazı değiştirmek olduğunu bu ekran alıyor olduğum kadarıyla Safari http://snag.gy/kOXad.jpg

Answer 1

On Chrome http://snag.gy/K7BjL.jpg günü

text-rendering:optimizeLegibility; kullanarak çalıştı. AFAIK, aynı boyuta ayarlanmış olsa bile, tüm yazı tipleri aynı boyutta değildir. Farklı bir yazı tipi ailesi deneyin.