本文详解 CSS 中 font-weight 的数值化用法，教你摆脱 bolder 的模糊性，通过 100–900 数值等级或关键字（如 bold、900）实现精确加粗，并说明字体支持前提与最佳实践。
本文详解 css 中 `font-weight` 的数值化用法，教你摆脱 `bolder` 的模糊性，通过 100–900 数值等级或关键字（如 `bold`、`900`）实现精确加粗，并说明字体支持前提与最佳实践。
在 CSS 中，font-weight: bolder 并非“无限加粗”，而是一个相对计算值——它仅将当前元素的字重提升一级（例如从 normal → bold，或 bold → 900），且依赖父级字重和浏览器默认行为，结果不可控、不一致。若你希望文字稳定、显著、可预测地更粗，应改用数值型字重（100–900） 或明确的关键字。
CSS 字重标准定义了 9 个等级，其中常用值如下：
- 400 等价于 normal
- 700 等价于 bold
- 900 是最粗级别（超粗体，Ultra Bold）
✅ 推荐写法（精准、可靠、广泛兼容）：
.txt {
font-weight: 900; /* 最大强度加粗，效果远强于 bolder */
text-align: left;
justify-content: left;
margin-top: 100px;
margin-bottom: 750px;
margin-left: 25px;
color: #000;
}⚠️ 重要注意事项：
- 字体必须提供对应字重：即使设为 900，若所用字体（如 'Redwinger Personal Use'）未内嵌 900 字重文件，浏览器会降级使用最接近的可用字重（甚至回退到 400），导致加粗失效。建议检查字体文档或使用 Google Fonts 等平台确认支持的 font-weight 范围。
- 避免滥用 900：过度加粗可能影响可读性与设计平衡，建议结合字体特性（如字怀、x-height）综合评估；生产环境推荐优先使用 700 或 800 作为高对比度但不失稳重的选择。
- 不要混用 bolder/lighter 与数值：二者计算逻辑冲突，易引发不可预期的渲染结果。
? 小技巧：可通过浏览器开发者工具（Elements → Computed → font-weight）实时验证最终生效的字重值，快速定位是否因字体缺失导致降级。
总结：font-weight 的数值化（尤其是 600–900）是实现可控加粗的黄金方案；抛弃模糊的相对关键字，拥抱明确数字，才能真正掌握文字表现力。
