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