CSS - font-weight 属性

字体粗细是指字符的粗细或粗体。字体系列中的不同权重可用于在文本中创建视觉层次结构或强调。

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>

本页