CSS font简写属性中能否使用数值型字体粗细（100-900）？

云原生阿岚

2026-7-23

能否在CSS font简写属性中使用数值型字体粗细？

可以，完全支持在font简写属性中使用100至900范围内的数值来指定字体粗细，这和单独使用font-weight属性的规则一致。

CSS规范明确允许font简写属性中包含数值型的字体粗细值，数值范围为100（最细）到900（最粗），步长为100。
你给出的示例代码font: 12px 600 sans-serif是完全合法的写法，它等价于分别设置：
```
font-size: 12px;
font-weight: 600;
font-family: sans-serif;
```
数值型粗细和关键字是一一对应的，比如normal对应400、bold对应700，因此font: 700 16px serif和font: bold 16px serif的渲染效果完全相同。
最终显示效果取决于字体本身是否支持对应粗细等级，如果字体没有提供对应数值的粗细变体，浏览器会自动选择最接近的可用粗细进行渲染。