# Ionic 项目中使用 Font Awesome

# 配置

安装必要的包

npm i @fortawesome/angular-fontawesome
npm install @fortawesome/fontawesome-svg-core
npm install @fortawesome/free-solid-svg-icons
npm install @fortawesome/free-regular-svg-icons
npm install @fortawesome/free-brands-svg-icons

# 使用

  1. 添加 FontAwesomeModulesrc/app/app.module.ts , 并添加对应的 IconPack
...
import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
import {fas} from '@fortawesome/free-solid-svg-icons';
import {far} from '@fortawesome/free-regular-svg-icons'
import {fab} from '@fortawesome/free-brands-svg-icons'
@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule,NgxEchartsModule.forRoot({echarts}),FontAwesomeModule],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {
  constructor(library:FaIconLibrary){
    library.addIconPacks(fas,fab,far);
  }
}

在 HTML 模板中,用下面的语法实现调用图标

<fa-icon [icon]="['fas', 'angry']"></fa-icon>
更新于 阅读次数

请我喝[茶]~( ̄▽ ̄)~*

Rick Lee 微信支付

微信支付

Rick Lee 支付宝

支付宝