Chrome浏览器不支持`font-family：“ Arial Bold”`？

Question

在Chrome v75 Windows 10中

font-family: "Arial Black"有效，但font-family: "Arial Bold"无效。

它们都在Edge中工作。

我知道我仍然可以使用font-weight。但是在这里，我很难理解为什么Chrome无法与Bold一起使用：也找不到以粗体结尾的其他字体。

如上所示，我安装了所有变体。 “ Arial Bold”回退到“ broadway”。

http://jsfiddle.net/amts6ebq/1/

Answer 1

“ Arial Bold”不是字体家族。

“ Arial”是一个字体家族。 “粗体”是重量。 Arial的粗体重量存储在名为“ Arial Bold”的文件中，但这并不意味着它是单独家族的一部分。

您想要的是：

.example {
  font-family: "Arial";
  font-weight: bold;
}

<div class="example">Example</div>