微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

所有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是存档的帖子

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。