字体图标没有显示，但其他图标显示。

Question

我见过很多有这个问题的人，但他们都有不同的解决方案，但没有一个对我有用。我试着把"fa“改为"fas”和"fab"，我导入了一堆CDN、文件、all.css、链接，但都没有用。但它适用于一些图标。例如，这一项工作如下：

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

但这个不是：

<i class="fas fa-person-fill"></i>

我怎么才能解决这个问题？

我试着把"fa“改为"fas”和"fab"，我导入了一堆CDN、文件、all.css、链接，但都没有用。但它适用于一些图标。例如，这一项工作如下：

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

但这个不是：

<i class="fas fa-person-fill"></i>

我怎么才能解决这个问题？

Answer 1

图标名称后面的fill是bootstrap，但是您需要将fa或fas更改为bi

请参阅引导和字体-太棒了的可用图标

下面是如何使用字体出色的图标和引导图标：

​

<!--  Font Awesome cdn -->
<link rel="stylesheet" 
 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">


<!--  Bootstrap cdn -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">


 
<h5>font awesome Icon :</h5>
<i class="fa fa-person"></i>

<h5>Bootstrap Icon :</h5>
<i class="bi bi-person-fill"></i>

​

Answer 2

您不需要将“填充”作为名称-the "FAS“前缀的一部分来表示”“，因此在默认情况下它是填充的。

​

<!--  Font Awesome cdn -->
<link rel="stylesheet" 
 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
 
 <p>fas fa-scissors</p>
<i class="fas fa-scissors"></i>

<p>fas fa-person</p>
<i class="fas fa-person"></i>

​