font-smoothing是非标准的css渲染规则,由于不同操作系统对字体渲染不同,不同浏览器也有自己对样式的一套解释规则,所以这个css样式至今也没有加入web标准。
这个样式的主要功能是对字体的锯齿进行调整。
-webkit-font-smoothing 是webkit在自己的渲染引擎中增加的对字体抗锯齿的调整。这个调整在ios中表现比较明显,在windows中表现的不是很明显。
-webkit-font-smoothing它有三个属性值:
none:对低像素的文本比较好
subpixel-antialiased:默认值
antialiased:抗锯齿很好
-moz-osx-font-smoothing: inherit | grayscale; 这个属性也是更清晰的作用。