为什么 Angular 会破坏我的 Google 字体 SCSS 导入？答案

【问题标题】：Why is Angular breaking my Google Fonts SCSS import?为什么 Angular 会破坏我的 Google 字体 SCSS 导入？
【发布时间】：2020-11-14 14:32:35
【问题描述】：

我的全局 SCSS 上有这条线：

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;700&family=Roboto&display=swap');

但由于某种原因，URL 以某种方式被 Angular 截获，并且浏览器发出的请求被更改：

显然，Google 字体最终会返回 400 HTTP 状态。

【问题讨论】：

我遇到了同样的问题。我想我们遇到了这个问题：github.com/angular/angular-cli/issues/20906 建议是在索引中使用链接，因为下面的答案已经说过了。

【解决方案1】：

我遇到了同样的问题，最后我决定停止在 scss 中导入并添加到 index.html 中

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&amp;display=swap" rel="stylesheet">

【讨论】：