字体抗锯齿（-webkit-font-smoothing）

小提示: -webkit-font-smoothing（用来控制字体渲染时的平滑效果，使字体看起来更加清晰和舒服，在 Mac OS 和 ios 中表现比较明显，在 windows 中表现不明显），并非css的标准特性，可以根据自己的情况选择性的使用。

-webkit-font-smoothing: antialiased; /*chrome、safari*/

-moz-osx-font-smoothing: grayscale;/*firefox*/

1、-webkit-font-smoothing的值有三个：

• none - 关闭字体平滑；展示有锯齿边缘的文字，对低像素的文本比较好。
• antialiased -抗锯齿很好（字体看起来舒服，清晰）。
• subpixel-antialiased （默认值）在大多数非视网膜显示器上，这将会提供最清晰的文字。

2、-moz-osx-font-smoothing的值：

• auto - 允许浏览器选择字体平滑的优化方式，通常为grayscale。
• grayscale -抗锯齿很好（字体看起来舒服，清晰）。
• inherit -默认值
• unset