CSS | font-weight 属性

在 CSS 中，font-weight 属性用于设置文本字体的粗细程度。常见的取值为常规的 400 和粗体的 700。

语法

font-weight: normal|bold|bolder|lighter|number|initial|inherit;

• normal：默认值，正常字体。
• bold：粗体。
• bolder：更粗的字体。
• lighter：更细的字体。
• number：数字值，可选值为 100-900。
• initial：默认值，从父元素继承。
• inherit：从父元素继承。

示例

p {
  font-weight: normal;
}

h1 {
  font-weight: bold;
}

h2 {
  font-weight: bolder;
}

h3 {
  font-weight: lighter;
}

h4 {
  font-weight: 700;
}

h5 {
  font-weight: 800;
}

h6 {
  font-weight: 900;
}

注意事项

• 可以使用关键字或数字值来指定字体粗细。
• 通常正常字体为 400，粗体为 700。
• 数字值可以是 100、200、300、400、500、600、700、800、900 的整数值。但是并不是所有值都是有效的，具体取决于字体本身。
• 如果字体本身没有对应的字体粗细度，浏览器会根据算法来近似处理。
• 采用 bolder 和 lighter 会根据当前字体重量来计算，可能会出现不确定的结果。
• 切勿过度使用粗体，因为它会使文本更难以阅读。