html - Chrome 不支持 `font-family: "Arial Bold"`？

Question

在 Chrome v75 Windows 10 中

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

他们都在 Edge 中工作。

我知道我仍然可以使用 font-weight。但在这里我很难理解为什么 Chrome 不能使用 Bold:也找不到其他以 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>