CSS "font-weight"

概述

在CSS中，"font-weight"属性用于设置字体的粗细程度，较常见的值为"bold"和"normal"。除此之外，还可以设置特定的数值，如100、200、300、400、500、600、700、800、900。

语法

font-weight: bold | normal | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;

值

关键词

• bold：粗体字
• normal：普通字体

数字

在数字中，400与normal相等，700与bold相等，其他数字的粗细程度依次递增。

下表为数字与关键词之间的对应关系：

| 数字值 | 粗细程度 | 关键词 | |--------|----------|--------| | 100 | 细体字 | normal | | 200 | 细体字 | | | 300 | 细体字 | | | 400 | 普通字体 | | | 500 | 加粗 | | | 600 | 加粗 | | | 700 | 粗体字 | bold | | 800 | 粗体字 | | | 900 | 粗体字 | |

示例

设置字体粗细度为bold

font-weight: bold;

设置字体粗细度为600

font-weight: 600;

注意事项

• 只有包含"font-weight"值为"bold"时，字体才会显示为粗体字。
• 如果给定的粗细度不可用，则会往下寻找较接近的可用值。例如，如果指定的值为170，则会使用200；而如果指定的值为550，则会使用500。
• "font-weight"属性与其他字体属性（如"font-style"、"font-size"）可以一起使用，以设置更为复杂的字体效果。