Question

如何在fontawesome中使用ionic 2 rc0，因为没有gulp/grunt文件，所以我可以将文件添加到构建过程中？

Answer 1

这是我在搜索同一主题时遇到的一篇文章。

https://chriztalk.com/ionic-2-font-awesome-using-sass/

这是一个要点：

将新的配置目录设为离子2项目的根目录：
```
$ mkdir config
```
在此文件夹中找到copy.config.js和sass.config.js个文件：/node_modules/@ionic/app-scripts/config/并将其复制到您刚刚创建的文件夹中。

将这些行添加到刚刚创建的copy.config.js目录中的新config。

...
copyFontAwesomeCSS: {
  src: '{{ROOT}}/node_modules/font-awesome/css/font-awesome.min.css',
  dest: '{{WWW}}/assets/css/'
},
copyFontAwesome: {
  src: '{{ROOT}}/node_modules/font-awesome/fonts/**/*',
  dest: '{{WWW}}/fonts/'
},
...

将这些行添加到您刚创建的includePaths[]目录中sass.config.js文件的config块中：
```
...
includePaths: [
  ...
  'node_modules/font-awesome/scss',
  ...
],
...
```

在package.json文件中添加以下引用的配置块：

...
"config": {
  "ionic_copy": "./config/copy.config.js",
  "ionic_sass": "./config/sass.config.js"
},
....

在app.scss文件中导入font-awesome：
```
...
@import 'font-awesome';
...
```

最后，像在任何html文件中一样使用字体真棒：

<h1><i class="fa fa-flag" aria-hidden="true"></i>&nbsp; Font Awesome</h1>

Answer 2

在将FontAwesome添加到ionic2应用程序时，对于什么是最佳实践仍然存在很多困惑，所以我写了一篇关于它的文章，以缓解一些混乱。我希望这可以帮助其他人寻找正确的答案 http://luiscabrera.site/tech/2017/01/09/fontawesome-in-ionic2.html

Answer 3

只需将font awesome的cdn css链接添加到index.html

即可

或者您可以使用@import of sass将其添加到您的项目中

@import 'lib/fa.css'

如何在离子2 rc0中使用fontawesome？

3 个答案: