Chrome浏览器不支持`font-family:"Arial Bold"``? [英] Chrome doesn't support `font-family: "Arial Bold"`?

问题描述

在Chrome v75 Windows 10中

In Chrome v75 Windows 10

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

它们都在Edge中工作.

They both work in Edge.

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

I know I can still use font-weight. But here I struggle to understand why Chrome doesn't work with Bold: Other fonts that end with Bold wouldn't be found either.

正如您在上面看到的，我安装了所有变体. "Arial Bold"回退到"broadway".

As you see in the above I have all variants installed. "Arial Bold" falls back to "broadway".

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

推荐答案

"Arial Bold"不是字体家族.

"Arial Bold" isn't a font family.

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

"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.

您想要的是:

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

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

这篇关于Chrome浏览器不支持`font-family:"Arial Bold"``?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！