
css 中 `font-weight` 支持数值(100–900)而非仅关键字,使用 `900` 可实现最粗效果;当 `bolder` 无明显变化时,应优先尝试 `700`、`800` 或 `900` 等明确数值。
在 CSS 中,font-weight: bolder 并非绝对值,而是相对于父元素字体粗细的相对增量——若父元素已为 normal(即 400),bolder 通常仅升至 700,且不同浏览器/字体渲染差异可能导致视觉变化微弱甚至不可见。因此,要确保文字“更粗”,推荐直接使用数值化声明:
.txt {
font-weight: 900; /* 最粗等级,等效于 'black' */
text-align: left;
margin-top: 100px;
margin-left: 25px;
margin-bottom: 750px;
color: #000;
}✅ 常用数值对照(标准 OpenType 字重映射):
- 100 → Thin
- 300 → Light
- 400 → Normal(等同 normal)
- 500 → Medium
- 600 → SemiBold
- 700 → Bold(等同 bold)
- 800 → ExtraBold
- 900 → Black(最粗,强烈推荐用于高强调场景)
⚠️ 注意事项:
- 字体支持是前提:若所用字体未提供 900 字重(如某些自定义或系统字体),浏览器会降级到最接近可用字重,甚至模拟加粗(可能模糊)。建议通过 @font-face 显式加载含完整字重的字体文件。
- 避免滥用 justify-content:.txt 是文本类选择器,justify-content 属于 Flexbox 布局属性,对普通块级文本无效,应删除以避免冗余。
- 性能提示:过度使用 900 可能增加字体加载负担,生产环境建议结合 font-display: swap 保障可读性。
总结:告别模糊的 bolder,拥抱精准的 font-weight: 900——它简洁、可靠、跨浏览器一致,是提升文字视觉重量最直接有效的方案。










