Google 字体显示默认字体

Question

我正在尝试使用 google 字体，但在导入和更改字体系列后，它只会将字体更改为默认草书字体。当我删除 'font-family' 时，文本会恢复，所以它显然影响了我代码的正确部分。

这是我正在查看的字体 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

在我看来，您似乎忘记了将 class 添加到 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>