css - 部署时未加载字体

Question

我创建了一个 Angular 应用程序，它可以在本地环境中完美加载。所有样式和字体都已应用。但是当我部署它时，字体没有加载。无法弄清楚为什么，它没有在控制台中显示任何错误或警告消息。

我正在导入 angular.json 文件中的所有 css 样式，如下所示

demo4.css 具有我需要的样式。我将 demo4 文件放在第一个、中间和最后一个，没有任何反应，也没有任何意义!!

在本地运行时，

部署时，

这几天我一直在敲脑袋。我错过了什么？

更新#1

这就是我构建 ng build --prod

时的样子

Answer 1

看起来您遇到了这个 logged issue :

唯一可用的解决方法是在每个使用的 SCSS 的 header 中添加 Google 字体 @import 标签。或者首先从不同的 css/SCSS 文件导入字体

编辑或者在 index.html 中导入你的字体