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 > 

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

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

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

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

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

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