在 CSS 中，`font-weight` 属性用于设置文本的粗细。

在 CSS 中，`font-weight` 属性用于设置文本的粗细。它可以接受多种值，用于指定字体的轻重或相对粗细。

 

### 关键字值

以下是一些预定义的关键字值，它们定义了字体的相对粗细：

 

- `normal`: 正常粗细的字体。

- `bold`: 加粗的字体。

- `lighter`: 比父元素的字体粗细更轻。

- `bolder`: 比父元素的字体粗细更重。

 

### 数值值

除了关键字，`font-weight` 还可以使用数值来指定字体的粗细。数值范围通常在 100 到 900 之间，其中：

 

- `100` 到 `400` 之间的数值对应于正常粗细的字体。

- `400` 通常等同于 `normal`。

- `500` 到 `700` 之间的数值对应于加粗的字体。

- `700` 通常等同于 `bold`。

- `800` 到 `900` 之间的数值用于非常加粗的字体效果。

 

### 示例

```css

/* 设置段落文本的字体粗细为正常 */

p {

  font-weight: normal;

}

 

/* 设置段落文本的字体粗细为加粗 */

p {

  font-weight: bold;

}

 

/* 使用数值设置字体的粗细 */

p {

  font-weight: 700; /* 等同于 bold */

}

```

 

### 注意事项

- 并非所有字体都包含所有粗细的样式。如果指定的粗细不可用，浏览器会选择最接近的可用粗细。

- 当使用数值时，更精细的控制（如 100、200、300 等）可能不会在所有字体中呈现，因为这些字重可能只在特定字体的特定样式表中定义。

- 相对粗细（如 `lighter` 和 `bolder`）相对于父元素的 `font-weight` 来计算，如果父元素没有明确设置 `font-weight`，则会使用默认值（通常是 `normal`）。

 

### 最佳实践

- 选择最适合你设计风格和内容的字体粗细。

- 尽量使用关键字值（如 `normal` 和 `bold`），因为它们更易于理解和维护。

- 当需要非常精细的控制时，可以使用数值，但要准备好可能出现不一致的结果，尤其是当使用不同字体或字体样式时。