如何让网页文字更粗：font-weight 数值化控制详解

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——它简洁、可靠、跨浏览器一致，是提升文字视觉重量最直接有效的方案。