使用网络字体时，字体粗细和 700 之间有区别吗？

Question

我最近听说（实际上我不太相信）当你用font-weighteg定义@font-face700并且你在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（或反之亦然），然后在 CSS 中的某个地方使用其等效值（在本例中bold），某些浏览器是否可以使用人造粗体文本，而不是通过 @font-face 定义的文本。

谢谢各位专家！

Answer 1

他们之间没有区别。也许使用它font-weight:bold会让你的代码比使用font-weight:700.

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

1. 100 - 薄
2. 200 - 超轻（超轻）
3. 300 - 光
4. 400 - 正常
5. 500 - 中号
6. 600 - 半粗体
7. 700 - 粗体
8. 800 - 额外粗体（超粗体）
9. 900 - 黑色（重）

“ font-weight:normal”与“ ”同义font-weight:400，并且“ font-weight:bold”与“ ”同义font-weight:700。