CSS 属性中， font-weight 用于设置字体的粗细（字重）。
font-weight的值可以是1~1000的值，但并不是说值越大，字体就一定越粗。早期版本中， font-weight 只有100, 200, 300, 400, 500, 600, 700, 800, 900 这9个有效值，其它的值在渲染时，会自动转换为最接近的有效值。
font-weight 常见的名称如下：
| Value | Common weight name |
|---|---|
| 100 | Thin (Hairline) |
| 200 | Extra Light (Ultra Light) |
| 300 | Light |
| 400 | Normal (Regular) |
| 500 | Medium |
| 600 | Semi Bold (Demi Bold) |
| 700 | Bold |
| 800 | Extra Bold (Ultra Bold) |
| 900 | Black (Heavy) |
| 950 | Extra Black (Ultra Black) |
大部分字体，都只有上述离散的字重。也有一些字体，字重能够灵活的在一定范围内变动，称作 可变字体 （variable fonts）。
另外，font-weight 的单位还可以是比较级，表示与父元素之间的相对值，常见的比较级的绝对值对应关系如下表所示：
| Inherited value | bolder |
lighter |
|---|---|---|
| 100 | 400 | 100 |
| 200 | 400 | 100 |
| 300 | 400 | 100 |
| 400 | 700 | 100 |
| 500 | 700 | 100 |
| 600 | 900 | 400 |
| 700 | 900 | 400 |
| 800 | 900 | 700 |
| 900 | 900 | 700 |
网友评论