在我的最后一个网站,文本是完美的自然在chrome和firefox没有触摸字体平滑或任何其他。
但在Mac / Safari 7的文本显示好,然后立即变薄(太薄/不好阅读)。
但在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; }
现在我的字体在每个浏览器是一致的。