angular fontawesome

斜视

字体的官方Angular组件很棒5+

安装

如果您有Fontawesome Pro订阅，请在遵循安装说明之前确保配置访问。

使用ng add ：

 # See Compatibility table below to choose a correct version
$ ng add @fortawesome/angular-fontawesome@<version>

使用纱线

 $ yarn add @fortawesome/free-solid-svg-icons
# See Compatibility table below to choose a correct version
$ yarn add @fortawesome/angular-fontawesome@<version>

使用NPM

 $ npm install @fortawesome/free-solid-svg-icons
# See Compatibility table below to choose a correct version
$ npm install @fortawesome/angular-fontawesome@<version>

兼容性表

用法

要使用字体出色的字体启动和运行，请按照以下步骤操作：

1. 将FontAwesomeModule添加到imports中，然后将图标与组件src/app/app.component.ts中的属性联系起来：

    import { Component } from \'@angular/core\' ;
   import { FontAwesomeModule } from \'@fortawesome/angular-fontawesome\' ;
   import { faCoffee } from \'@fortawesome/free-solid-svg-icons\' ;
   
   @ Component ( {
     selector : \'app-root\' ,
     imports : [ FontAwesomeModule ] , // alternatively, individual components can be imported
     templateUrl : \'./app.component.html\'
   } )
   export class AppComponent {
     faCoffee = faCoffee ;
   }

2. 在模板src/app/app.component.html中使用图标：

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

文档

• 深入使用指南
• 使用其他样式
• 完整功能列表
• 升级说明
• 频率问问题

例子

Stackblitz

这是关于如何使用图标库展示固体，常规和品牌图标的Stackbliten启动样本。

演示应用

您可以在projects/demo目录中找到示例。您可以关注文档在自己的计算机上运行演示应用程序。

贡献

angular-fontawesome是社区的产物，您可以查看开发人员文档，以了解有关如何贡献该项目的更多信息。

贡献者

以下贡献者要么有助于启动该项目，贡献了代码，积极维护它（包括文档），或者以其他方式成为该项目的贡献者。我们想花一点时间来认识它们。

如果我们想念某人（很可能）向我们提交拉动请求，我们将解决该请求。