CSS字体重量数字:它们如何工作？

Question

我正在尝试使用font-weight来调整字体的粗体.据我所知,值500是正常的字体粗细,值700是粗体的默认字体粗细.

但是,当我放入599时,它根本没有改变字体重量.但是当我输入600时,它会跳转到粗体的默认字体粗细.值600-900的结果相同.然后,当您超过900时,字体粗细将恢复为正常的字体粗细.为什么会这样？

#fontStyle {
    border: 1px solid black;
    font-weight: 599;
}

<div id="fontStyle"> fontStyle </div>

Answer 1

有关如何将数值映射到字体粗细的详细信息,请参见规范:

值"100"到"900"形成有序序列,其中每个数字表示至少与其前身一样暗的权重.关键字"normal"与"400"同义,"bold"与"700"同义.除了"正常"和"粗体"之外的关键字经常被证明与字体名称混淆,因此为9值列表选择了数字刻度.

'599'不是该font-weight物业的有效价值

Answer 2

默认字体粗细为400,字体的工作倍数为100. 300很轻(如果你的字体支持它),400是常规,600是半粗体,700是粗体.你不能在两者之间使用数字.