在 StackOverfow 上有看到过说这个属性已经过时的说法, 我习惯在项目里去掉的,
但现在发现在 Bootstrap 中这个样式都还在用...
http://getbootstrap.com/components/
加上属性的效果, 从 Air 11'6 的屏幕上看, 字体变细甚至变虚:
http://ued.ctrip.com/blog/wp-content/webkitcss/prop/font-smoothing.html
这个属性是否合适使用呢?
在 Bootstrap 上跟帖看看他们说法...
https://github.com/twbs/bootstrap/pull/7253
之前简单的了解过这个属性。具体信息可以参见下面两个链接：
- Mac网页字体优化小议 - by @一丝
- Mac下网页中文字体优化 - by @前端观察
更新，感谢@nightire，将比较误导人的地方进行了修改。
总结论
-webkit-font-smoothing控制的字体渲染只对MacOS的Webkit有效。
所以，你在MacOS测试环境下面设置-webkit-font-smoothing时，只要你不把它设置为none，怎么好看就设置为什么属性，反正这个属性仅仅是面向MacOS，不会在其他上下文中出岔子的（除了none的情形）。
前端控制字体渲染的接口非常匮乏，如果可能，尽可能地控制输出的字体，而非控制字体渲染比较好。
以下测试则会表明，-webkit-font-smoothing在MacOS上才有效果。
Windows
测试环境: Win7 Pro + Chrome（请戳大图）：
结论：Windows系统上-webkit-font-smoothing属性不造成区别。
iOS
测试环境:iPad Air + iOS7 + Safari（请戳大图）
（iOS上没有Hiragino Sans GB，不要被标题误导了……）
结论：iOS上，修改-webkit-font-smoothing属性，结果是：
-
-webkit-font-smoothing: none: 无抗锯齿 -
-webkit-font-smoothing: antialiased | subpixel-antialiased | default: 灰度平滑
MacOS
测试环境：MBP + Safari（请戳大图）
结论：iOS上，修改-webkit-font-smoothing属性，结果是：
-
-webkit-font-smoothing: none: 无抗锯齿 -
-webkit-font-smoothing: subpixel-antialiased | default: 次像素平滑 -
-webkit-font-smoothing: antialiased: 灰度平滑
字体抗锯齿技术
字体抗锯齿技术可以分为如下几类：
- 黑白渲染：现在已经绝迹
- 灰度渲染：常用于Android和iOS等移动设备的
- 次像素平滑：常见于Mac OS和MacType For Windows
- ClearType：黑白渲染和次像素平滑的折中。WinXP内置，默认关闭；Win7以上默认打开
理想形状；黑白渲染；灰度渲染。
次像素平滑技术原理，从右往左看，注意到一个pixel里的渐变。
从不同平台浏览器字体渲染对比附的图可以见端倪（请原谅我盗图，droplr实在太慢）：
以下表格是我综合多方资料的结果，欢迎纠错：
| Device | OS | Browser | Technic | ClearType | Grayscale | Subpixel |
| Desktop | Win XP | IE6-8 | GDI Grayscale | √ | ||
| Win Vista+ | IE7-8 | GDI ClearType | √ | |||
| Win Vista+ | IE9+ | DirectWrite | √ | √ | ||
| Win * | Modern | GDI Grayscale/GDI ClearType | √ | √ | ||
| Mac OS | * | Quartz | √ | √ | ||
| iOS Device | iOS | * | ? | √ |
ref
字体渲染技术这篇文章介绍的非常具体：字体渲染详解。