关于font-family字体以及-webkit-font-smoothing的CSS3字体属性

关于font-family字体以及font-smoothing的CSS3字体属性

font-smoothing是非标准的css渲染规则，由于不同操作系统对字体渲染不同，不同浏览器也有自己对样式的一套解释规则，所以这个css样式至今也没有加入web标准。
这个样式的主要功能是对字体的锯齿进行调整。
-webkit-font-smoothing 是webkit在自己的渲染引擎中增加的对字体抗锯齿的调整。这个调整在ios中表现比较明显（生效），在windows中表现的不是很明显（基本上没有效果）。

用以下两种定义进行抗锯齿渲染：
-webkit-font-smoothing: antialiased; /chrome、safari/
-moz-osx-font-smoothing: grayscale;/firefox/

1、Webkit在自己的引擎中支持了这一效果，-webkit-font-smoothing它有三个属性值，分别为：

none ------ 对低像素的文本比较好

subpixel-antialiased------默认值

antialiased ------抗锯齿很好

2、Gecko也推出了自己的抗锯齿效果的非标定义，-moz-osx-font-smoothing它有两个属性值，分别为：

inherit ------ 继承

grayscale------灰阶(grayscale)渲染，抗锯齿很好