font-weight
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 |
浏览器兼容性
加载中…
另见
- CSS
font-weight属性