Chrome根本不显示粗体

Question

我基本上使用了著名的Google字体“ Thasadith”，我只使用了“ bold”版本，它只是显示了普通版本，我重新检查过，在html中使用，在CSS中使用了字体粗细，但仍然将该字体视为正常。

Answer 1

如果要使用粗体表格，则需要加载。如果不这样做，浏览器将不知道如何渲染bold的权重，并且默认为最接近的权重（即您加载的权重：normal）。

对于Thasadith（可用于Google字体），您需要在:n,b的网址（或<link>'中的字体系列名称之后添加@import s url），其中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字体的更多信息，请阅读其getting started。