<ion-icon> Ionic 4 - Angular 7 中的 fontawesome 集成答案

【问题标题】：fontawesome integration in <ion-icon> Ionic 4 - Angular 7<ion-icon> Ionic 4 - Angular 7 中的 fontawesome 集成
【发布时间】：2019-06-04 01:23:03
【问题描述】：

我正在尝试将 fontawesome 集成到我的 ionic4 应用程序中。

我已经按照这个教程 https://yannbraga.com/2017/06/28/how-to-use-custom-icons-on-ionic-3/

对 ionic4 进行了一些修改。

现在我可以使用显示字体了

<i class="fas fa-alicorn"></i>

或

<ion-icon class="fas fa-alicorn"></ion-icon>

但我想这样使用（像普通的离子图标）

<ion-icon name="fas fa-alicorn"></ion-icon>

当我尝试这个时，我得到了一个错误：“aarlbodj.entry.js:1 icon was not resolved”。这种情况下有人吗？

【问题讨论】：

标签： angular ionic-framework sass font-awesome ionic4

【解决方案1】：

angular-fontawesome 是 Font Awesome5 的官方 angular 组件，它很容易与 Ionic4 项目集成。浏览以下链接上的说明。 https://stackoverflow.com/a/54324301.

【讨论】：

【解决方案2】：

ion-icon 组件从ion-icons 解析name 属性。您在ion-icon 组件中将一些类名称作为名称属性。

如果您想在 Ionic 4 应用程序中使用 fontawesome 图标，请安装此package。

【讨论】：