font-weight 属性用于设置文本粗细，normal（400）用于正文保证可读性，bold（700）用于标题或重点内容以增强视觉层次，需注意字体支持与字重文件加载。
在css中，font-weight 属性用于控制文本的字体粗细。其中 normal 和 bold 是最常用的两个关键字值，适用于大多数网页排版场景。
font-weight: normal 的使用
normal 表示正常粗细的字体，等同于数值 400。这是浏览器默认的字体粗细。
- 适合正文内容，保证可读性。
- 常用于段落、说明文字等不需要强调的部分。
- 示例：
p { font-weight: normal; }
font-weight: bold 的使用
bold 表示加粗字体，等同于数值 700。用于突出显示重要信息。
立即学习“前端免费学习笔记（深入）”；
- 适合标题、按钮文字、强调语句。
- 能提升视觉层次，引导用户注意力。
- 示例：
h1, strong, button { font-weight: bold; }
注意事项与兼容性
并不是所有字体都支持完整的粗细层级。如果所用字体缺少对应字重，浏览器可能自动模拟加粗（伪粗体），影响显示效果。
- 使用 Web 安全字体时，normal 和 bold 通常表现稳定。
- 使用自定义字体（如 @font-face）时，确保加载了对应字重文件。
- 可搭配 lighter、bolder 或具体数值（100–900）实现更精细控制。
基本上就这些。掌握 normal 和 bold 的基本应用，能有效提升页面的结构感和阅读体验。