css font-weight 属性用于控制文本字体的粗细，范围从极细 (100) 到黑体 (900)，默认值为 normal (400)。该属性支持值包括 normal、bold、100-900 和 inherit，并可与 font-style 属性结合使用，创造丰富的文本效果。
CSS font-weight 属性介绍
font-weight 属性控制文本字体的粗细，范围从轻薄到超粗。
语法
font-weight: weight | inherit;
值
| 值 | 描述 |
|---|---|
| normal | 默认值，正常字重 |
| bold | 粗体字 |
| 100 | 极细 |
| 200 | 细 |
| 300 | 正常 |
| 400 | 中等 |
| 500 | 中粗 |
| 600 | 半粗 |
| 700 | 粗 |
| 800 | 特粗 |
| 900 | 黑体 |
| inherit | 继承父元素的字重 |
示例
/* 设置字体为粗体 */
h1 {
font-weight: bold;
}
/* 设置字体为轻薄 */
p {
font-weight: 100;
}
浏览器支持
所有现代浏览器都支持 font-weight 属性。
注意事项
- font-weight 值 100-900 之外的值无效。
- font-weight 属性会影响文本的清晰度。对于印刷类型，建议使用较粗的字体，而对于屏幕显示，建议使用较轻的字体。
- font-weight 属性与 font-style 属性（控制斜体和斜体）结合使用，可以创建各种文本效果。
