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>

兼容性表

@fortawesome/angular-fontawesome	角	字体很棒	ng-add
0.1.x	5.x	5.x	不支持
0.2.x	6.x	5.x	不支持
0.3.x	6.x && 7.x	5.x	不支持
0.4.x，0.5.x	8.x	5.x	不支持
0.6.x	9.x	5.x	支持
0.7.x	10.x	5.x	支持
0.8.x	11.x	5.x	支持
0.9.x	12.x	5.x	支持
0.10.x	13.x	5.x && 6.x	支持
0.11.x	14.x	5.x && 6.x	支持
0.12.x	15.x	5.x && 6.x	支持
0.13.x	16.x	5.x && 6.x	支持
0.14.x	17.x	5.x && 6.x	支持
0.15.x	18.x	5.x && 6.x	支持
1.x	19.x	5.x && 6.x	支持

用法

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

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是社区的产物，您可以查看开发人员文档，以了解有关如何贡献该项目的更多信息。

贡献者

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

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