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是粗体。 你不能在两者之间使用数字。

Answer 3

font-weight的工作范围为100到900，增量为100.正常权重为400.粗体为700。

599不是公认的重量，因为它不是100的增量。任何超过900的重量也不会被识别。

所以你应该使用font-weight：600表示半粗体或font-weight：700表示粗体。

Answer 4

嗯，你已经使用了599，你只能使用数字100,200,300等..所以font-weight: 600会起作用