CSS 文字抗锯齿-webkit-font-smoothing: antialiased

文字抗锯齿

-webkit-font-smoothing: antialiased

文字抗锯齿，font-smoothing不是标准的CSS3属性，曾出现在提案中，最终被移除。
前缀-webkit是chrome和safari的私有属性，-moz是Firefox的私有属性。

-webkit-font-smoothing有三个值，none，subpixel-antialiased，antialiased。
-webkit-font-smoothing：none，无抗锯齿。
-webkit-font-smoothing：subpixel-antialiased，默认值，效果一般。
-webkit-font-smoothing：antialiased，抗锯齿，字体清晰。
这个设定在ios中表现比较明显，在windows中表现的不明显。

-moz-osx-font-smoothing

-moz-osx-font-smoothing，是火狐针对ios系统制定的规则，有两个值，inherit，grayscale（字体抗锯齿，比较清晰）。

示例：通常给html添加抗锯齿

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