html < i>标签图标未显示在我的Ionic页面中

k4ymrczo  于 2022-12-02  发布在  Ionic
关注(0)|答案(2)|浏览(433)

我尝试在html中使用标签图标,但它没有显示图标。
这就是我试图显示图标的方式,但它没有显示图标

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

但是如果我使用下面的图标,它会显示图标

<fa-icon [icon]="['fas','plus']"></fa-icon>

但我需要显示图标,如在下面的类型,以做我的逻辑。

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

任何帮助,谢谢!

kognpnkq

kognpnkq1#

您需要确保在页面上正确加载了字体awesome库。如果您使用的是Angular CLI,则可以将以下行添加到HTML文件的部分:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

一旦库被加载并可用,您就可以使用标记来显示图标。

8qgya5xd

8qgya5xd2#

您必须在index.html的信头中遗漏链接标签。也请尝试用途:

<i class="fa fa-plus"></i>

当我尝试使用i标记图标时,我注意到“fas”对我不起作用。我不得不删除“s”

相关问题