Question

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

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

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 1

数字值如何映射到字体粗细的详细信息由in the spec表示：

价值观＆＃39; 100＆＃39;到＆＃39; 900＆＃39;形成一个有序的序列，每个数字表示重量至少与其前身一样暗。该关键字＆＃39;正常＆＃39;是＆＃39; 400＆＃39;和＆＃39; bold＆＃39;的代名词。是同义词用＆＃39; 700＆＃39;正常＆＃39;以外的关键字并且＆＃39;大胆＆＃39;已被证明经常与字体名称混淆，因此数字刻度被选为9值列表。

＆＃39; 599＆＃39;不是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表示粗体。

此链接有助于解释https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight

Answer 4

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

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

4 个答案: