angular - 如何将 Font Awesome 图标添加到我的 Angular 应用程序

Question

我正在尝试将某个 Font Awesome 图标添加到我的 Angular 应用程序中，但它不起作用。

我按照以下步骤操作：

1. 跑npm install --save font-awesome angular-font-awesome
2. 更新 app.module：

import { AngularFontAwesomeModule } from 'angular-font-awesome';

imports: [AngularFontAwesomeModule]

3. 更新angular.json：

"styles": ["node_modules/font-awesome/css/font-awesome.css"]

此图标按预期显示：

<i class="fa fa-american-sign-language-interpreting fa-5x" aria-hidden="true"> </i>

但是当我尝试添加下面的图标时，什么都没有出现：

<i class="far fa-trash-alt" aria-hidden="true"> </i>

这就是我得到这个图标的地方。

有人可以告诉我为什么这个图标没有出现，以及我该如何解决这个问题？

标签： angularangular-fontawesome