Font-weight

font-weight 字体浓淡(粗细)属性，该CSS属性用来设定字体的浓淡程度。

值：normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit

如果值为 bolder 或者 lighter，则是相对其父对象来说的。

如果父对象的值为 normal，子对象值设为 bolder，则最终以 bold，即粗体显示。

字体浓淡属性是根据用户电脑上安装的字体相应匹配改变的。在很多情况下，由于系统作了最相近的匹配，因此看不出不同的 font-weight 值有什么区别。

 

可用值    值的说明

normal    缺省值。字体正常显示。

bold        粗体

bolder     比粗体更加粗

lighter      比正常字体淡

100          至少和200一样淡

200         至少和100一样粗，至少和300一样淡

300          至少和200一样粗，至少和400一样淡

400         字体正常显示，相当于normal。

500         至少和400一样粗，至少和600一样淡

600         至少和500一样粗，至少和700一样淡

700         粗体，相当于bold。

800         至少和700一样粗，至少和800一样淡

900         至少和800一样粗

在不同浏览器也有一定的差别，经试验，

在火狐浏览器中，font-weight的不同值的效果会有些差别，

在谷歌浏览器中,100~500是一样粗细，与normal一样；600~900一样，与bold一样；lighter与inherit与normal看起来一样；

在ie9浏览器中，跟谷歌浏览器差不多。