CSS如何设置字体加粗

作者：System 时间：2024年08月23日分类：所有,css 字数：466

这篇文章距离上次修改已过429天，其中的内容可能已经有所变动。

在CSS中，设置字体加粗通常使用font-weight属性。font-weight的常用值有normal、bold、bolder以及lighter。数值也可以使用，如400相当于normal，而700相当于bold。

以下是一些示例代码：




/* 使用关键字 */
p {
  font-weight: bold;
}
 
/* 使用数值 */
strong {
  font-weight: 700;
}
 
/* 使用相对关键字 */
em {
  font-weight: bolder;
}

在HTML中使用：




<p>这段文字将显示为加粗。</p>
<strong>这段文字也会显示为加粗。</strong>
<em>这段文字将显示为更加粗。</em>

请注意，不是所有的字体都有7种不同的粗细（从100到900），所以如果指定了一个不支持的值，浏览器会尽力进行映射到最接近的有效值。