如何让网页文字更粗：font-weight 的正确用法与数值优化

通过设置 `font-weight` 为数值（如 `900`）而非关键字（如 `bolder`），可精准控制字体粗细，实现比默认 `bolder` 更强的加粗效果。

在 CSS 中，font-weight 并非只有 normal、bold、bolder、lighter 等相对关键字——它更强大、更可控的方式是使用 无单位数值（100–900，以100为步长）。这些数值对应字体设计中预定义的字重等级，其中：

• 400 等价于 normal
• 700 等价于 bold
• 900 是标准范围内的最粗值（即“超粗体”，Ultra Bold）

因此，将 .txt 类中的 font-weight: bolder 替换为 font-weight: 900，能直接达到视觉上最显著的加粗效果，且不受父元素字重影响（而 bolder 是相对于继承值的相对增量，可能受限于字体本身支持的字重档位）。

✅ 推荐写法（已优化）：

.txt {
  font-weight: 900; /* 最大可用字重，比 bolder 更可靠、更极致 */
  text-align: left;
  margin-top: 100px;
  margin-bottom: 750px;
  margin-left: 25px;
  color: #000;
}

⚠️ 注意事项：

• 并非所有字体都提供完整的 100–900 字重支持。若所用字体（如自定义 Web Font）未包含 900 档，浏览器会自动向下回退到最接近的可用字重（例如 700 或 800）。建议通过 @font-face 显式加载对应字重的字体文件，并在 font-weight 中准确声明。
• 避免滥用超高字重（如 900）于大段正文，易降低可读性；更适合标题、强调短语或品牌文案。
• justify-content 对纯文本元素（如 ）无效——该属性仅作用于 Flex 容器，若 .txt 非 flex 容器，请移除此项以防冗余。

  总结：要让文字“更粗”，优先选用数值型 font-weight（如 800 或 900），它比相对关键字更确定、更可控，是专业排版中的标准实践。