safari 字体大小不一致答案

【问题标题】：Font size inconsistencies on safarisafari 字体大小不一致
【发布时间】：2016-03-27 20:12:09
【问题描述】：

我的字体大小在 chrome 和 firefox 上都很好。在 safari 上观看时，事情完全走下坡路。字体很大。

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

我尝试了多种方法，例如将文本大小更改为 % 而不是使用 px。我尝试使用text-rendering:optimizeLegibility;

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

【问题讨论】：

标签： html css safari

【解决方案1】：

根据我从这些屏幕截图中看到的情况，您遇到的问题是字体发生了变化。 AFAIK 即使设置为相同大小，并非所有字体的大小都相同。尝试不同的字体系列。

【讨论】：