font-weight

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

font-weight 属性指的是用于渲染文本的字形的粗细程度,相对于同一字体系列中的其他字体而言。

注意: 作为一个呈现属性,font-weight 还有一个对应的 CSS 属性:font-weight。当两者都指定时,CSS 属性具有优先权。

你可以将此属性与以下 SVG 元素一起使用

示例

控制 SVG 字体粗细

html
<svg viewBox="0 0 200 30" xmlns="http://www.w3.org/2000/svg">
  <text y="20" font-weight="normal">Normal text</text>
  <text x="100" y="20" font-weight="bold">Bold text</text>
</svg>

用法说明

normal | bold | bolder | lighter | <number>
默认值 normal
可动画的

有关值的描述,请参阅 CSS font-weight 属性。

规范

规范
CSS 字体模块第 4 级
# font-weight-prop

浏览器兼容性

另见