#font-weight

#介绍

font-weight 指定字体的粗细程度。

#使用示例

css-apisrc/font-weight/App.tsx

预览

#语法

/* Keyword values */
font-weight: normal;
font-weight: bold;

/* Numeric keyword values */
font-weight: 100;
font-weight: 200;
font-weight: 300;
font-weight: 400;
font-weight: 500;
font-weight: 600;
font-weight: 700;
font-weight: 800;
font-weight: 900;
font-weight: 1000;

#取值

• 默认值 normal
  正常粗细。与 400 等值。

• bold
  加粗。与 700 等值。

• <number>
  介于 100-1000 之间的数字类型。更大的数值代表字体更粗。

#注意事项

• 使用自定义字体时，建议不要使用 font-weight，一般自定义字体都只包含 normal 类型的字形信息，会导致 font-weight 属性不生效，或回退到默认字体。

#形式定义

#形式语法

<font-weight> = normal | bold | [100, 1000]

#与 Web 的区别

• 不支持关键字 border 和 lighter
• 数值类型目前只支持 100 到 1000 的整数值。
• 字形映射失败的回退逻辑在不同平台和系统版本上会有差异。最坏情况可能会回退系统默认字体，导致自定义字体失效。

#兼容性