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

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:正常来覆盖粗体到目前为止。他人的用法是什么?

我创建了该示例页面,其中包含该属性的所有值,但在许多方面没有太大差别。

http://jsbin.com/omaha3

解决方法

如果您正在显示的字体具有更多的权重,例如半粗体,光线等,则如果您使用其中一个数值,浏览器可能会渲染这些权重。大多数最终用户字体只有两种或三种风格,但是,我认为这不适用于现实世界。我只会依赖于正常(= 400我认为)和粗体(= 700)。

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

更新:这是一个关于如何在现代浏览器中渲染样式的in-depth blog post。它的标题是“除了一个浏览器之外,所有字体重量仍然损坏”:)
第二次更新:由于clagnut.com遭遇了灾难性的dataloss here是存档的帖子

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效