
通过设置 `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),它比相对关键字更确定、更可控,是专业排版中的标准实践。










