Angular元素未正确加载FontAwesome

时间:2019-09-24 00:36:57

标签: angular fonts font-awesome angular-elements

我有一个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>

所以我的问题是我在这里想念什么?非常感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

请在NPM软件包中使用NPM软件包,而不是在angular项目中手动配置真棒字体,它会为您自动配置所有内容

请参考此点赞/ npm文件 https://www.npmjs.com/package/@fortawesome/angular-fontawesome