HTML中H1标题使用<b>和<strong>标签无法加粗是什么原因？

你的加粗不生效主要有两个原因：

• 你指定的monospace是系统默认等宽字体 fallback，部分系统自带的默认等宽字体未提供粗体字重，就算套<b>、<strong>标签也不会显示加粗效果
• 你没有在CSS中显式指定font-weight属性，部分全局样式重置规则可能会覆盖h1标签默认的粗体样式

方案1：整段h1全部加粗 #

直接修改.title类的CSS配置，优先选择自带粗体的等宽字体，同时显式指定粗体字重：

.title {
  /* 优先加载带粗体的常见等宽字体，兜底用系统默认等宽 */
  font-family: Consolas, Monaco, 'Courier New', monospace;
  font-size: 98px;
  color: #00FF00;
  padding-right: 50px;
  padding-left: 50px;
  /* 显式指定粗体，700等价于bold */
  font-weight: 700;
}

修改完不需要改HTML结构，所有带title类的h1都会自动加粗。

方案2：仅部分文字加粗 #

在上述CSS修改的基础上，把需要加粗的内容用<strong>标签包裹在h1内部即可：

<h1 class="title"><strong>Taemon-Coolz</strong> </h1>
<h1 class="title">Here.<strong>加粗片段</strong></h1>

内容的提问来源于stack exchange，提问作者Lem0n_C0der