css - 谷歌字体显示默认字体

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;
}

标签： cssfonts

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>