为什么 Angular 破坏了我的 Google 字体 SCSS 导入？
Why is Angular breaking my Google Fonts SCSS import?
我的全局 SCSS 上有这行：
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;700&family=Roboto&display=swap');
但由于某种原因，URL 以某种方式被 Angular 拦截，并且浏览器发出的请求被更改：
显然，Google 字体最终返回 400 HTTP 状态。
我遇到了同样的麻烦，最后我决定停止在 scss 中导入并添加到 index.html
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
我在构建 angular 时遇到了同样的问题。在下面添加到 angular.json 文件对我有用。
“优化”：{
“脚本”：是的，
“风格”：真实的，
“字体”：假
}
我的全局 SCSS 上有这行：
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;700&family=Roboto&display=swap');
但由于某种原因，URL 以某种方式被 Angular 拦截，并且浏览器发出的请求被更改：
显然，Google 字体最终返回 400 HTTP 状态。
我遇到了同样的麻烦，最后我决定停止在 scss 中导入并添加到 index.html
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
我在构建 angular 时遇到了同样的问题。在下面添加到 angular.json 文件对我有用。
“优化”：{ “脚本”：是的， “风格”：真实的， “字体”：假 }