Chrome doesn't support `font-family: “Arial Bold”`?

Question

In Chrome v75 Windows 10

font-family: \"Arial Black\" works, but font-family: \"Arial Bold\" doesn\'t.

They both work in Edge.

Answer 1

"Arial Bold" isn't a font family.

"Arial" is a font family. "Bold" is a weight. The Bold weight of Arial is stored in a file called "Arial Bold", but this doesn't mean it's part of a separate family.

What you want is:

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

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