Angular 在 AWS Serverless 中部署到 Prod 的 Web 应用程序无法加载图标主机无法解码下载的字体

Angular Web App Deployed to Prod in AWS Serverless fails to load icons Host failed to decode downloaded font

在我的 styles.scss 在我的 Angular 应用程序中。

我像这样导入 font-awesome... @import "~font-awesome/css/font-awesome"; //也作为scss

在本地工作正常，但一旦部署到 AWS，我就会收到控制台警告... 无法解码下载的字体：https://XXXXXXX.execute-api.ap-southeast-2.amazonaws.com/Prod/fontawesome-webfont.20fd1704ea223900efa9.woff2 而且图标不显示。

我已经在 AWS 控制台的二进制媒体类型 font/woff 等中添加了文件类型

我也试过根据

将 @font-face 直接添加到字体类型

然而还是没有喜悦。

有什么想法吗？？

此致

马克

我最终选择了 angular-fontawesome。它非常容易实施，集成良好并快速呈现，最重要的是在 AWS 无服务器应用程序上没有任何问题。此外，您只需加载您使用的图标 - 没有额外的负担。 https://github.com/FortAwesome/angular-fontawesome