font-weight属性用于控制文本粗细，提升页面可读性与视觉层次。其取值包括normal（400）、bold（700）、bolder、lighter及100-900数值，数值越大越粗。常用于设置标题层级，如h1设为700、h2设为600，增强醒目度；也可通过.highlight类强调关键词，配合颜色强化引导。需注意字体本身是否支持指定字重，否则浏览器会就近匹配，建议使用自定义字体时加载对应字重文件。合理运用可优化内容结构与阅读体验。
在css中，通过 font-weight 属性可以控制文本的粗细程度，常用于突出显示标题或重点内容。合理使用该属性能让页面结构更清晰，提升可读性和视觉层次。
理解 font-weight 的取值方式
font-weight 支持多种取值，包括关键字和数值：
- normal：等同于 400，标准字体粗细
- bold：等同于 700，加粗效果
- bolder：比父元素更粗
- lighter：比父元素更细
- 100～900：以100为单位的数值，其中400为正常，700及以上为加粗
用 font-weight 突出标题样式
标题通常需要比正文更醒目，设置较高的 font-weight 能增强视觉权重：
h1 {
font-weight: 700;
}
h2 {
font-weight: 600;
}
即使不改变字号，加粗也能让标题“跳出来”，尤其在信息密集的页面中效果明显。
立即学习“前端免费学习笔记（深入）”；
强调重点文字的实用技巧
对于段落中的关键词或提示语，可用类选择器单独加粗：
.highlight {
font-weight: 600;
}
搭配颜色或背景色使用，能进一步强化视觉引导。注意避免过度加粗，否则会削弱重点效果。
注意事项与兼容性
字体粗细的实际显示效果依赖于所用字体本身是否支持对应字重。例如某些轻量字体可能没有 300 或 600 字重，浏览器会自动就近匹配。建议在使用自定义字体时，确保加载了所需字重的字体文件。
基本上就这些。合理设置 font-weight，能让内容层次更分明，阅读体验更好。