如何在没有'fa-icon'标签的情况下使用fontawesome

时间:2020-07-13 12:18:44

标签: css angular svg font-awesome primeng

Fontawesome-angular可以通过以下标记使用:

<fa-icon [icon]="['fal', 'info-circle']"></fa-icon>

在某些情况下(例如primeng手风琴),可以通过设置css类来替换默认图标。 是否可以通过将名称作为类提供而不使用fa-icon标记来访问fontaweome svg图像?

类似这样的东西:

<i class="fal fa-info-circle"></i>

2 个答案:

答案 0 :(得分:0)

Demo将此添加到index.html

<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/js/all.min.js"></script>

答案 1 :(得分:0)

我认为班级名称有错别字。尝试一下。

<i class="fas fa-info-circle"></i>