【css设置字体粗】在网页设计中，字体的粗细是影响页面视觉效果的重要因素之一。CSS 提供了多种方式来控制文本的字体粗细，使内容更具层次感和可读性。本文将对 CSS 中设置字体粗细的方法进行总结，并以表格形式展示常用属性与值。
一、
在 CSS 中，设置字体粗细主要通过 `font-weight` 属性实现。该属性可以接受关键字或数值，用于定义文本的加粗程度。不同的浏览器对 `font-weight` 的支持略有差异，但大多数现代浏览器均支持标准值。
常见的关键字包括 `normal`、`bold`、`bolder` 和 `lighter`，而数值范围为 100 到 900，每 100 为一个等级。例如，`400` 对应 `normal`，`700` 对应 `bold`。
此外，还可以使用 `font-family` 来选择具有不同字重的字体，从而实现更精细的控制。在实际开发中，合理使用 `font-weight` 能有效提升用户体验和页面美观度。
二、CSS 设置字体粗细常用属性与值
| 属性 | 值 | 说明 |
| font-weight | normal | 默认值，表示正常粗细 |
| font-weight | bold | 表示加粗 |
| font-weight | bolder | 比当前元素更粗 |
| font-weight | lighter | 比当前元素更细 |
| font-weight | 100 | 极细 |
| font-weight | 200 | 很细 |
| font-weight | 300 | 细 |
| font-weight | 400 | 正常（等同于 normal） |
| font-weight | 500 | 中等 |
| font-weight | 600 | 稍粗 |
| font-weight | 700 | 加粗（等同于 bold） |
| font-weight | 800 | 更粗 |
| font-weight | 900 | 极粗 |
三、使用建议
- 优先使用关键字：如 `normal` 和 `bold`，便于理解和维护。
- 结合数值使用：当需要精确控制字重时，可使用 100~900 的数值。
- 注意字体支持：并非所有字体都支持全部字重，需确保所选字体具备相应字重。
- 避免过度加粗：过多使用 `bold` 可能导致阅读疲劳，建议合理搭配不同字重。
通过合理设置 `font-weight`，可以显著提升网页的可读性和视觉表现力。在实际项目中，建议根据设计需求灵活应用这些属性，以达到最佳效果。
