<ion-icon> Ionic 4中的字体整合-Angular 7

Question

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

我已遵循本教程 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图标未解决”。在这种情况下有人吗？

Answer 1

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

如果要在Ionic 4应用程序中使用字体惊人的图标，请安装此package。

Answer 2

angular-fontawesome是Font Awesome5的官方角度组件，可轻松与Ionic4项目集成。按照以下链接上的说明进行操作。 https://stackoverflow.com/a/54324301。