如何在Ionic 4项目中添加font-awsome?

时间:2018-11-12 09:48:07

标签: ionic-framework font-awesome ionic4

是否有人知道将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。

1 个答案:

答案 0 :(得分:1)

安装超棒的字体

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>

请按照上述步骤操作。那对我有用。