css – 字体重量在Mac/Safari上变轻

前端之家收集整理的这篇文章主要介绍了css – 字体重量在Mac/Safari上变轻前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的最后一个网站,文本是完美的自然在chrome和firefox没有触摸字体平滑或任何其他。
但在Mac / Safari 7的文本显示好,然后立即变薄(太薄/不好阅读)。

做了一些研究后[cf http://www.usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/]
和一些测试玩

-webkit-font-smoothing

看起来Safari首先显示文本:

-webkit-font-smoothing: subpixel-antialiased;

然后只是在你得到闪烁效果后,当它正在将字体转为:

-webkit-font-smoothing: antialiased;

所以在我看来,我别无选择,只能强迫

-webkit-font-smoothing: subpixel-antialiased;

使我的网站在所有浏览器上保持一致。
我使用font-face Avenir Std Roman。

对Safari问题的一些解释?
任何更好的解决方案?
我的字体可能是问题的一部分吗?

谢谢。

解决方法

所以我修复了我的问题申请:
body {
    -webkit-font-smoothing: subpixel-antialiased;
}

现在我的字体在每个浏览器是一致的。

猜你在找的CSS相关文章