Fontawesome 5 与 Angular 2+

Question

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

Answer 1

首先：你需要安装包：

$ npm i --save @fortawesome/fontawesome

$ npm i --save @fortawesome/fontawesome-free-solid
$ npm i --save @fortawesome/fontawesome-free-regular
$ npm i --save @fortawesome/fontawesome-free-brands

然后在您的 app.component.ts 中添加导入：

import fontawesome from '@fortawesome/fontawesome';
import faTrashAlt from '@fortawesome/fontawesome-free-regular/';

在你的 app.component 的构造函数中，你将图标添加到 fontawesome 库中：

fontawesome.library.add(faTrashAlt);

在 html 页面中，您只需添加图标：

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

fontawesome 文档的链接： https://fontawesome.com/how-to-use/use-with-node-js#free

Answer 2

你需要安装包：

npm install @fortawesome/fontawesome-free

然后全部导入

import "@fortawesome/fontawesome-free/css/all.css";

或者单独导入，像这样：

import "@fortawesome/fontawesome-free/css/fontawesome.css";
import "@fortawesome/fontawesome-free/css/solid.css";