Sass 无法在Gatsby SCSS中导入Google字体

**编辑**
不，问题是使用css2 api的人wght@500: 因此，我必须用%40和%3B逃离@and:，现在它已被修复。 但有人告诉我使用盖茨比插件字体更好，这稍微提高了我的网站性能。谢谢大家
**

我是GatsbyJS的新手，我正在尝试修改TaniaRascia的静态博客模板，系统运行良好。但是我不能在我的SCSS文件中导入google字体。我在她的网站上也看到了这个错误。有什么解决办法吗

守则：

/*! Primitive

by Tania Rascia */

@import url(https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&display=swap);

@import url(https://fonts.googleapis.com/css?family=Roboto+Mono);

// Configuration

@import 'base/variables';

@import 'base/mixins';

控制台中的错误：

Refused to apply style from '``<SITE_URL>/url``(https://fonts.googleapis.com/css2?family=Inter:wght@500' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

拒绝从“`/url”应用样式``(https://fonts.googleapis.com/css2?family=Inter:wght@因为它的MIME类型（'text/html'）不是受支持的样式表MIME类型，并且启用了严格的MIME检查。

浏览器似乎不是从url导入css，而是从我的本地目录将其作为链接读取

我尝试过互联网上的解决方案，例如：

 - #import 'https://....' < this one produces error when i ran gatsby build
 - @import url("https://...'
 - @import url('https://...'

-#导入'https://....“<当我运行gatsby build时，这个产生了错误
-@导入url（“https://...'
-@import url（'https://...'

其中两个产生相同的错误“拒绝应用来自……的样式”

---

有什么解决方案吗？谢谢你能试着使用这个meta：

使用

react helmet

或通过

html.js

Gatsby模板。

如何？我在我的scss文件中使用它

body {
  font-family: "Raleway", sans-serif;
}

内部盖茨比配置：

{
      resolve: `gatsby-plugin-prefetch-google-fonts`,
      options: {
        fonts: [
          {
            family: `Raleway`,
          },
        ],
      },
    },

---

这有用吗？@RobinMétral nope，我已经试过了。但是我已经修好了Hanks Cole。有人建议我使用字体，所以现在已经修好了。我也会试试你的，比较一下性能，谢谢！