mac chrome 字体很粗的问题

mac chrome 字体很粗的问题

前一段时间在设置字体的font-weight时好像在Mac的chrome的浏览器下好像区别不是很大,与是查询了一些资料,发现是字体抗锯齿的问题,加上-webkit-font-smoothing: antialiased 就会好很多.
这个属性只支持chrome的浏览器,Firefox需要设置为-moz-osx-font-smoothing:grayscale
这两个属性都只是针对Mac电脑字体的,windows的字体好像本身就没有什么问题.

在chrome下设置了-webkit-font-smoothing: antialiased 的效果
chrome下设置了的效果
在chrome下没有设置了-webkit-font-smoothing: antialiased 的效果
chrome下没有设置了的效果

在firefox下设置了-moz-osx-font-smoothing:grayscale 的效果
firefox下设置了的效果
在firefox下没有设置了-moz-osx-font-smoothing:grayscale 的效果
firefox下没有设置了的效果

当然上面的属性都并不在这一个属性,详细 : http://segmentfault.com/q/1010000000467910