为什么我的字体不像 google 字体那样显示?

Why is my font not appearing as it did on google fonts?

我从 google 字体中得到了两种字体,并将它们应用到我的 CSS 文档中。然后我将它们添加到我的文档中,但由于某些原因它们并没有像网站上显示的那样显示。

这是我的代码:

@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@500&family=Libre+Baskerville&display=swap');

h1, h2, h3, h4, h5, h6 {
  font-family: 'League Spartan', sans-serif;
}

p {
  font-family: 'Libre Baskerville', serif;
}

这是两种字体的link:

https://fonts.google.com/specimen/Libre+Baskerville?query=libre+bas&preview.text=Lorem%20Ipsum&preview.text_type=custom

https://fonts.google.com/specimen/League+Spartan?query=league+&preview.text=Lorem%20Ipsum&preview.text_type=custom

我已经找到它是什么了: @import 必须位于样式表的顶部,在任何其他 css.

之前