css - 所有 CSS font-weight 属性的值都有用吗？

Question

font-weight:normal
font-weight:bold
font-weight:bolder
font-weight:lighter
font-weight:100
font-weight:200
font-weight:300
font-weight:400
font-weight:500
font-weight:600
font-weight:700
font-weight:800
font-weight:900

到目前为止，我只使用 font-weight:bold 有时使用 font-weight:normal 来覆盖粗体。其他的有什么用？

我使用该属性的所有值创建了这个示例页面，但其中许多值并没有太大区别。

http://jsbin.com/omaha3

Answer 1

如果您显示的字体具有更多粗细，如半粗体、浅色等，如果您使用其中一个数值，浏览器可能能够呈现这些粗细。不过，大多数最终用户字体只有两种或三种样式，所以我认为这不太适用于现实世界。我只会依赖正常(=400 我认为)和粗体(=700)。

W3C reference on font-weight: bold 中有很好的附加信息

更新:这是一个in-depth blog post关于如何在现代浏览器中呈现样式。它的标题是“字体粗细在除一个浏览器之外的所有浏览器中仍然存在问题”:)
第二次更新:由于 clagnut.com 遭受了灾难性的数据丢失 here是存档帖子