我尝试在html中使用标签图标,但它没有显示图标。这就是我试图显示图标的方式,但它没有显示图标
<i class="fas fa-plus"></i>
但是如果我使用下面的图标,它会显示图标
<fa-icon [icon]="['fas','plus']"></fa-icon>
但我需要显示图标,如在下面的类型,以做我的逻辑。
任何帮助,谢谢!
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">
一旦库被加载并可用,您就可以使用标记来显示图标。
8qgya5xd2#
您必须在index.html的信头中遗漏链接标签。也请尝试用途:
<i class="fa fa-plus"></i>
当我尝试使用i标记图标时,我注意到“fas”对我不起作用。我不得不删除“s”
2条答案
按热度按时间kognpnkq1#
您需要确保在页面上正确加载了字体awesome库。如果您使用的是Angular CLI,则可以将以下行添加到HTML文件的部分:
一旦库被加载并可用,您就可以使用标记来显示图标。
8qgya5xd2#
您必须在index.html的信头中遗漏链接标签。也请尝试用途:
当我尝试使用i标记图标时,我注意到“fas”对我不起作用。我不得不删除“s”