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