对webkit-font-smoothing和-moz-osx-font-smoothing的理解

font-smoothing

font-smoothing是非标准的css渲染规则，由于不同操作系统对字体渲染不同，不同浏览器也有自己对样式的一套解释规则，所以这个css样式至今也没有加入web标准。
这个样式的主要功能是对字体的锯齿进行调整。
-webkit-font-smoothing 是webkit在自己的渲染引擎中增加的对字体抗锯齿的调整。这个属性仅在 Mac OS X/macOS 下生效。

• none - 关闭字体平滑；展示有锯齿边缘的文字。
• antialiased - 平滑像素级别的字体，而不是子像素。从亚像素渲染切换到黑暗背景上的浅色文本的抗锯齿使其看起来更轻。
• subpixel-antialiased - 在大多数非视网膜显示器上，这将会提供最清晰的文字。

Firefox的 -moz-osx-font-smoothing 这个属性仅在 Mac OS X / macOS 下生效。

• auto - 允许浏览器选择字体平滑的优化方式，通常为grayscale。
• grayscale - 用灰度抗锯齿渲染文本，而不是子像素。从亚像素渲染切换到黑暗背景上的浅色文本的抗锯齿使其看起来更轻。
• inherit
• unset