使用 angular-fontawesome，五步轻松集成 Angular 和 FontAwesome

FontAwesome是互联网上最流行的图标工具包，它经过重新设计和构建。此外，它还新增了图标字体连字、SVG 框架、适用于 React 等常用前端库的官方 NPM 包，以及对全新 CDN 的访问等功能。

在这篇文章中，我将向您展示如何通过 5-1 个步骤在 Angular 中配置 Font Awesome。

接下来，我们将使用特定的Angular 包来配置 Font Awesome 。在之前的文章中，我们使用了旧方法，即引入 CSS 来进行配置。

步骤 1（或 0）：初始化项目

如果您正考虑在 Angular 项目中使用 Font Awesome，您可能已经创建了一个项目。不过，在本教程中，我们将从头开始创建一个项目。

安装 Font Awesome。

在 src/app/app.module.ts 文件中的 imports 中添加 FontAwesomeModule：

将图标绑定到组件 src/app/app.component.ts 文件中的属性：

打开模板组件，并在任意 html 元素中添加 fontawesome CSS 类：

<fa-icon [icon]="faCoffee"></fa-icon>

运行你的应用：

ng serve