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

发布时间：2020-12-14 22:34:10 所属栏目：资源来源：网络整理

导读：我在网站上工作,在mac safari上的字体比其他浏览器大得多, 网站使用谷歌字体的’Open Sans’字体 ex-这是一个针对titile的css h2.protitles{ color: #404040; font-size: 22px; text-transform: uppercase; float: none;} 这显示如下面的chrome,firefox和IE

我在网站上工作,在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;

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!