Google字体显示默认字体

Question

我试图使用谷歌字体，但在导入和更改字体系列后，它只更改字体为默认草书字体。当我删除“字体系列”时，文本会恢复，因此它显然影响了代码的正确部分。

这是我正在看的字体https://fonts.google.com/?preview.text=Weather-App&preview.text_type=custom&selection.family=Concert+One&vfonly=true&query=cinz。

@import url("https://fonts.googleapis.com/css2?family=Cinzel&display=swap");
.title {
  font-size: 40px;
  font-family: 'Cinzel', serif;
}

Answer 1

在我看来，您似乎忘了将类添加到html标记中。

我试了一下你的css，效果很好

示例

​

@import url("https://fonts.googleapis.com/css2?family=Cinzel&display=swap");
.title {
  font-size: 40px;
  font-family: 'Cinzel', serif;
}

<p class="title"> Hello world!!</p>

​