html – Safari显示比其他broswers更大的字体

我在网站上工作,在mac safari上的字体比其他浏览器大得多,

网站使用谷歌字体的’Open Sans’字体

ex-这是一个针对titile的css

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

这显示如下面的chrome,firefox和IE如下,它很好

但是mac safari就是这样的

不知何故safari似乎为所有字体添加1px.

任何人都可以帮我解决这个问题,非常感谢

解决方法

你可以尝试使用

-webkit-font-smoothing: subpixel-antialiased;

要么

-webkit-font-smoothing: antialiased;