safari上的字体大小不一致

Question

我的字体大小在Chrome和Firefox上很好。当在safari上观看时，事情完全下降。字体大小是巨大的。

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> 

我已经试过许多东西，如更改文字大小％，而不是使用像素。我试着用text-rendering:optimizeLegibility;

在Chrome http://snag.gy/K7BjL.jpg 在Safari上http://snag.gy/kOXad.jpg

Answer 1

从什么我从这些截图你所遇到的问题是，字体更改看到。 AFAIK即使设置为相同尺寸，也不是所有字体的大小都是相同的。尝试不同的字体系列。