最稳妥的是 font-weight: bold,因其浏览器兼容性好、语义清晰且不依赖字体字重支持;数值型如 700 虽等价于 bold,但若字体未内置对应字重,可能降级或伪粗。

font-weight 属性值选哪个最稳妥
直接用 font-weight: bold 最不容易出错,浏览器兼容性好,语义清晰,且不会因字体缺失导致渲染异常。数值型如 700 虽等价于 bold,但依赖字体是否内置该字重;若字体只提供 400 和 900 两级,600 可能被降级为 400 或强制模拟加粗(出现模糊)。
行内 style 和外部 CSS 哪种更适合改粗细
小范围临时调整(比如一个标题要突出)用行内 style="font-weight: bold" 快;但只要涉及多个元素、需要响应式切换或未来可能修改,必须抽到 <style> 块或外部 CSS 文件里。否则后期想把所有 bold 改成 600,就得逐个改 HTML 标签,极易漏掉或误改。
为什么用了 font-weight 却没变粗
常见原因有三个:
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图,自动匹配视觉风格。触发场景:文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 目标元素继承了父级的
font-weight,而父级本身是lighter或100级别,子级设bold仍可能不明显 - 所用字体(如某些中文字体)压根没提供粗体字形,浏览器只能“伪粗”,效果差甚至无变化
- CSS 优先级被更高权重的规则覆盖,比如类名选择器比标签选择器优先级高,
p { font-weight: normal }被.title { font-weight: bold }覆盖失败
要不要用 <strong> 替代 CSS 设置粗细
要看目的:
立即学习“前端免费学习笔记(深入)”;
- 想表达“这段内容很重要”——用
<strong>,它自带语义和默认加粗,且对屏幕阅读器友好 - 只是视觉上需要更粗——用
font-weight,比如按钮文字比正文粗一点但无语义强调需求 - 混用也行,但别为了“看起来粗”硬套
<strong>,这会污染语义结构,影响 SEO 和可访问性
font-weight: 900,如果 font-family 指定的字体文件没包含 Ultra Bold 字形,浏览器就只能妥协渲染。

















