html - Safari 显示比其他浏览器更大的字体大小

Question

我在一个网站上工作，Mac 的 Safari 上的字体比其他浏览器上的字体大得多，

该网站使用 Google Fonts 中的“Open Sans”字体。

例如，这是标题的 CSS 片段:

h2.protitlesnbm{
    color: #404040;
    font-size: 22px;
    text-transform: uppercase;
    float: none;
} 

这在 Chrome、Firefox 和 IE 上显示如下:

但是在Mac的Safari上，是这样显示的:

不知何故，Safari 似乎为所有字体添加了 1px。

谁能帮我解决这个问题？

Answer 1

你可以尝试使用

-webkit-font-smoothing: subpixel-antialiased;

或

-webkit-font-smoothing: antialiased;