ionic-framework - 离子 - 显示错误的图标

Question

我正在尝试将来自ionicons.com的图标合并到我的应用程序中。我确实从 github 下载了代码并添加到了我的应用程序中，但是我遇到了问题。我将图标类定义为ion-alert并显示ion-android-add-circle。这也适用于其他图标。查看图片：

我的代码片段，我在其中设置了带有ion-alert类 的图标

命令后ionic serve我得到这个输出：

Answer 1

使用 from ionicons.com和时出现问题/docs/ionicons/。
对于警告图标，无需使用ionicons.com，直接使用警告图标https://ionicframework.com/docs/ionicons/

 <ion-icon name="warning"></ion-icon>

并删除ionicons.min.cssindex.html 上的 （重要）

所以你永远不会有错误图标的问题。

Answer 2

如果不使用已经包含它的 Ionic 框架，我认为 vusan 的答案是什么，那么现在Ionicons推荐的用法是：

1. 在您的应用或页面中加载其 JavaScript，https://unpkg.com/ionicons@4.5.0/dist/ionicons.js
2. 使用离子网络组件，<ion-icon name="warning"></ion-icon>

一切都是幸福。绝对比旧的字体+类方式更好。