开发者社区开发与运维文章正文

CSS font-weight 值对应（Regular、Normal、Medium、Light）

2023-08-01 1662

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： CSS font-weight 值对应（Regular、Normal、Medium、Light）

经常在开发中，给出的 UI，会有 字重，它对应（Regular、Normal、Medium、Light …）这些值，并不能直接看到 font-weight 对应的数值。
font-weight 属性执行字体中字形的重量，这取决于黑度等级或笔划粗细。
取值范围：100 至 900，其大致符合下列通用重量名称：

100 - Thin
200 - Extra Light (Ultra Light)
300 - Light
400 - Regular (Normal、Book、Roman)
500 - Medium
600 - Semi Bold (Demi Bold)
700 - Bold
800 - Extra Bold (Ultra Bold)
900 - Black (Heavy)
normal、regular 与 '400' 相同。
bold 与 '700' 相同。
bolder 指定外观的重量大于继承的值。
lighter 指定外观的重量小于继承的值。