时间戳

首页 > 解决方案 > 为什么 Angular 会破坏我的 Google 字体 SCSS 导入？

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

问题描述

我的全球 SCSS 上有这条线：

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

但由于某种原因，URL 以某种方式被 Angular 截获，并且浏览器发出的请求被更改： 在此处输入图像描述

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

标签： angulargoogle-fonts

解决方案

我有同样的麻烦，最后我决定停止在 scss 中导入并添加到 index.html

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

推荐阅读