如何在不使用“fa-icon”标签的情况下使用fontawesome

Question

Fontawesome-angular可以通过以下标签使用：

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

在某些情况下，比如primeng手风琴组件，可以通过设置css类来替换默认图标。

有没有一种方法可以通过提供名称作为类而不使用fa-icon标签来访问fontawesome svg图像？

就像这样：

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

- ThisWillDoIt

---

是的，这是可能的。在类名中将fal更新为fas。请查看下面的答案。 - aks44

Answer 1

Demo 将其添加到 index.html 文件中

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

- mr. pc_coder

Answer 2

我觉得类名里有个拼写错误.. 试试这个..

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

- aks44