问题描述
在我的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