我有一个Angular应用,该应用使用Angular Elements打包,然后加载到另一个Web应用中。我正在使用Font Awesome,但图标显示为方框。
类似于How to know if a font (@font-face) has already been loaded?
中的描述我已经通过npm添加了fontawesome。
我也将以下内容添加到我的angular.json
"styles": [
"src/styles.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/font-awesome/css/font-awesome.min.css"
]
这就是我使用FA的方式。
<button class="btn btn-primary btn-sm fa fa-bars">
{{ label }}
</button>
所以我的问题是我在这里想念什么?非常感谢您的帮助。
答案 0 :(得分:0)
请在NPM软件包中使用NPM软件包,而不是在angular项目中手动配置真棒字体,它会为您自动配置所有内容
请参考此点赞/ npm文件 https://www.npmjs.com/package/@fortawesome/angular-fontawesome