字体粗细是指字符的粗细或粗体。字体系列中的不同权重可用于在文本中创建视觉层次结构或强调。
font-weight 属性可更改元素中字符的视觉权重。
可能的值
- normal:字体粗细正常。相当于 400。
- bold:字体粗细粗体。相当于 700。
- <number>:介于 1 和 1000 之间的值定义字体的粗细。较大的数字表示比较小的数字更粗(或与较小的数字一样粗体)的权重。
- lighter:相对于父元素的字体粗细,字体粗细较轻。
- bolder:相对于父元素的字体粗细,字体粗细更粗。
适用于
所有 HTML 元素。
DOM 语法
object.style.fontWeight = "900";
CSS font-weight - 基本示例
下面是一个示例:
<html>
<head>
</head>
<body>
<p style="font-weight: bold;">Font-weight is bold.</p>
<p style="font-weight: lighter;">Font-weight is lighter.</p>
<p style="font-weight: 600;">Font-weight is 600.</p>
<p style="font-weight: 900;">Font-weight is 900, heavy/black.</p>
<p style="font-weight: normal;">Font-weight is normal (400).</p>
</body>
</html>