Chrome 根本不显示粗体

Question

基本上我使用了著名的谷歌字体“Thasadith”，我只使用了“粗体”版本，它只显示了正常版本，我重新检查，在html中使用，在css中使用字体粗细，但字体仍然被视为正常。 .

Answer 1

如果您想使用它，您需要加载粗体字体。如果不这样做，浏览器将不知道如何渲染

bold

权重，并默认为最接近的权重（即您加载的权重：

normal

）。

对于 Google 字体上提供的 Thasadith，您需要在

:n,b

的 url（或

<link>

的 url）中的字体系列名称后面添加

@import

，其中

n

代表

normal

，

b

代表

bold

（其他可用选项有

i

- 斜体、

bi

、 - 粗体或特定粗细 - 这些取决于字体，范围从

100

到

900

。以及比重 +

i

)。

这是 Thasadith 的一个工作示例：

div {
  font-family: 'Thasadith';
  font-size: 5rem;
}

<link href="https://fonts.googleapis.com/css?family=Thasadith:n,i,b,bi" rel="stylesheet">

<div>Hel<i>lo</i>, <strong>Wor<i>ld!</i></strong></div>

就萨萨迪斯而言，

family=Thasadith:n,i,b,bi

相当于

family=Thasadith:400,400i,700,700i

因为

400

和

700

是两个可用的权重。

有关如何加载 Google 字体的更多信息，请阅读他们的入门。