如何向 Ionic 4 项目添加 font-awesome？

Question

有谁知道将 font-awsome 添加到新的 Ionic 4 项目的方法（目前我正在使用 4.0.0-beta.15）。

这里很好地解释了将它添加到 v3：

https://charlouze.github.io/ionic/2017/05/31/Ionic-3-and-Font-Awesome.html

它适用于 Ionic V3，但不幸的是不适用于 V4。

Answer 1

安装 font-awesome

npm install font-awesome --save --save-exact

copy.config.js

copyFonts: {
  src: [
    '{{ROOT}}/node_modules/ionicons/dist/fonts/**/*',
    '{{ROOT}}/node_modules/ionic-angular/fonts/**/*', 
    '{{ROOT}}/node_modules/font-awesome/fonts/**/*'],
    dest: '{{WWW}}/assets/fonts'
  },

sass.config.js

includePaths: [
    'node_modules/ionic-angular/themes',
    'node_modules/ionicons/dist/scss',
    'node_modules/ionic-angular/fonts',
    'node_modules/font-awesome/scss'
  ],

variable.scss

$fa-font-path: $font-path;
@import "font-awesome";

home.html

<i class="fa fa-users"></i>

请按照以上步骤操作。这对我有用。

如何向 Ionic 4 项目添加 font-awesome？

How do I add font-awsome to Ionic 4 project?

font-awesome

ionic-framework

ionic4

安装 font-awesome

copy.config.js

sass.config.js

variable.scss

home.html