可通过 css 的 font-weight: normal、移除 / 标签、all: unset 重置、font-family 回退或!important 强制覆盖五种方法取消 html 粗体样式。

如果您在 HTML 中使用了 标签或其他方式设置了文字粗体,但希望取消该样式并恢复为常规字体,则需要通过 css 样式 控制或 HTML 结构调整来实现。以下是几种有效的重置方法:
一、使用 CSS 的 font-weight 属性重置
font-weight 属性用于定义文本的粗细程度,其默认值为 normal,可显式设置以覆盖 继承 或浏览器 默认的 bold 效果。
1、在
2、若需针对所有 标签取消粗体,编写 选择器strong {font-weight: normal;}
立即学习 “ 前端免费学习笔记(深入)”;
3、若仅作用于特定段落,为该
标签添加class=”reset-bold”,并在 CSS 中定义。reset-bold {font-weight: normal;}
二、移除 HTML 中的语义化加粗标签
HTML 中 和标签会触发 浏览器 默认的粗体渲染,直接删除这些标签可从根本上消除粗体样式,同时保持内容结构清晰。
1、定位到包含 或标签的 HTML 代码段
2、将 替换为,并确保不附加任何 CSS 类或 style 属性
3、检查是否还存在嵌套的 或,一并移除或替换为语义中立的
三、使用 all: unset 重置全部继承样式
all: unset 是一个 CSS 全局重置声明,它会将元素的所有属性重置为其初始值(而非继承值),从而消除包括 font-weight 在内的所有样式影响。
1、为目标元素添加内联样式 style=”all: unset;”
2、若需批量处理,使用类选择器如。unset-all {all: unset;}
3、注意:此操作会同时清除margin、padding、color 等所有样式,需配合其他声明补充基础显示效果
四、通过 font-family 回退机制规避加粗渲染
某些字体家族在未提供 bold 字重时,浏览器会模拟加粗;指定仅含 normal 字重的字体 栈可避免该行为。
1、在 CSS 中为元素设置 font-family: “Segoe ui”, “Helvetica Neue”, sans-serif;
2、确保所选字体在系统中实际存在且不包含 bold 变体
3、显式追加 font-weight: normal; 以双重保障
五、使用!important 强制覆盖高优先级粗体规则
当页面中存在高权重 CSS 规则(如 id 选择器 或内联 style)强制应用 font-weight: bold 时,可用!important 提升 normal 声明的优先级。
1、编写 CSS 规则如 p.special {font-weight: normal !important;}
2、为对应 html 元素 添加 class=”special”
3、仅在无法修改原始样式源码时使用,避免滥用导致维护困难