如何解决在AWS Serverless中部署到产品的Angular Web App无法加载图标主机无法解码下载的字体
在我的Angular应用程序的styles.scss中。
我像这样导入字体真棒... @import“〜font-awesome / css / font-awesome”; //还有scss
在本地工作正常,但是一旦部署到AWS,我会收到控制台警告... 无法解码下载的字体:https://XXXXXXX.execute-api.ap-southeast-2.amazonaws.com/Prod/fontawesome-webfont.20fd1704ea223900efa9.woff2 并且图标不显示。
我已经在AWS控制台上以Binary Media Types字体/ woff等添加文件类型。
我也尝试按照Failed to decode downloaded font on lambda production app
将@ font-face直接添加到字体类型中但是仍然没有喜悦。
任何想法?
致谢
解决方法
我最终选择了角字体。它非常容易实现,可以很好地集成并且可以快速渲染,最重要的是,在使用AWS无服务器应用程序时没有任何问题。另外,您只加载您使用的图标-无需额外负担。 https://github.com/FortAwesome/angular-fontawesome
非常方便的Stackblitz测试图标... https://stackblitz.com/edit/angular-fontawesome-sample?file=src%2Fapp%2Fapp.module.ts
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。