相关疑难解决方法(0)

如何在Angular(2+)中使用font-awesome 5？

我试过在组件中添加它:

import {faChevronLeft, faChevronRight} from '@fortawesome/fontawesome-free-solid';
import fontawesome from '@fortawesome/fontawesome';
...
constructor(){
   fontawesome.library.add(faChevronLeft, faChevronRight);
}

然后在HTML中:

<span class="fa" [class.fa-chevron-left]="direction==='left'" [class.fa-chevron-right]="direction==='right'"></span>

但这给了我一个圆圈中闪烁的问号.

我不知道如何将FontAwesome 5包含在Angular 2+应用程序中.我找到了这个包 - https://www.npmjs.com/package/@fortawesome/fontawesome 你能告诉我在哪里可以导入这个包吗？也许在app.module.ts文件中？

我已经使用 angular 5 一段时间了，似乎我无法将任何字体很棒的图标加载到我的构建项目中。

我按照下面链接中提到的步骤进行了彻底的操作。 https://www.npmjs.com/package/angular-font-awesome

看起来 CSS 文件包含在项目中，但当我在浏览器开发工具的网络部分检查时，它无法加载字体。

我在渲染页面中看到的只是方形图标，而不是字体很棒的图标。

如果有人能帮我解决这个问题，我将不胜感激。