HTML 无法识别 Font-Awesome

Question

我有一个问题我的网络应用程序无法识别我使用 font-awesome 放置的图标，我不知道为什么。 我在标题中的 index.html 中有这个：

<link rel="stylesheet" href="\~/lib/font-awesome/css/all.min.css"/>

<link rel="stylesheet" href="\~/lib/font-awesome/css/fontawesome.min.css"/>

在我的 index.html 中也有：

<script src="\~/lib/font-awesome/js/all.min.js"></script>

<script src="\~/lib/font-awesome/js/fontawesome.min.js"></script>

在我调用图标的组件中，我拥有：

<div class="row g-3 ">

    <div class="col-auto"><i class="fa-solind fa-circle-user"></i></div>

</div>

有人知道，为什么它不起作用？ 我已经尝试了一切，但它不起作用

Answer 1

我不确定您使用的是哪个版本以及是否只允许使用免费图标。 找不到您使用fa-solind和fa-circle-user的图标。 下面是一个使用 5.15.4 版本的带有免费图标的示例。 也许它可以帮助您找到错误的地方。

 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet"/> <div class="row g-3 "> <div class="col-auto"><i class="fas fa-user"></i></div> </div>