CSS抗锯齿 font-smoothing 属性介绍

这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服。

1.windows:

属性：-webkit-font-smoothing

示例：

body{ 
-webkit-font-smoothing: antialiased; 
} 

它有三个属性：

none ------ 对低像素的文本比较好

subpixel-antialiased ------默认值

antialiased ------抗锯齿很好

2.ios

属性：-moz-osx-font-smoothing

示例：

body{ 
-moz-osx-font-smoothing:  grayscale
} 

它有两个属性：

inherit ------默认值

grayscale ------抗锯齿很好

参照：https://www.jianshu.com/p/6f022c65775f