使用webfonts时，font-weight bold和700之间有区别吗？

Question

我最近听到（实际上我并不太相信）当您使用font-weight定义@ font-face时，例如700，并且您在CSS font-weight: bold中的某处使用浏览器可以使用仿粗体类型呈现font-weight本身。在这种情况下，700和bold之间是否存在这种差异？

所以我要问的是：给定这样的定义

@font-face {
  font-family: SampleFont;
  src: ...;
  font-weight: 700;
}

在以下情况下，所有浏览器（根据规范）是否都使用SampleFont的指定文件？

.case1 { font-weight: 700; }
.case2 { font-weight: bold; }

我问你是否用@font-face定义700，例如bold（反之亦然），然后在CSS中的某个地方使用它的等价物（在这种情况下<script src="test.js?rev=1"></script> ）使用人造粗体文本而不是通过@ font-face定义的文本。

谢谢专家！

Answer 1

它们之间没有区别。也许像font-weight:bold一样使用它会使您的代码比使用font-weight:700更具可读性。

您还可以使用有关font-weight的其他值。

1. 100 - 瘦
2. 200 - 超轻（超轻）
3. 300 - 光
4. 400 - 正常
5. 500 - 中等
6. 600 - Semi Bold
7. 700 - Bold
8. 800 - 额外大胆（超大胆）
9. 900 - 黑色（重）

'font-weight:normal'与'font-weight:400'同义，'font-weight:bold'与'font-weight:700'同义。

Answer 2

IIRC一些字体支持多种级别的大胆但有些字体不支持， 因此，如果字体支持该功能，则会有细微差别，但两者看起来都相同且粗体。