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

前端之家收集整理的这篇文章主要介绍了所有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是存档的帖子

原文链接:https://www.f2er.com/css/218551.html

猜你在找的CSS相关文章