fontawesome 图标没有显示，但为什么？

Question

为什么我的图标没有显示？

它看起来像这样：

我添加了这个

      <script src="https://kit.fontawesome.com/bfb4213bb3.js" crossorigin="anonymous"></script>
      <link rel="stylesheet" href="https://necolas.github.io/normalize.css/8.0.1/normalize.css" type="text/css" />
      <!-- Load font awesome icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">

<i class="fa-solid fa-star"></i>

Answer 1

您只需要 FontAwesome 工具包即可：

<script src="https://kit.fontawesome.com/bfb4213bb3.js" crossorigin="anonymous"></script>

您可以删除：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">

如果您的套件设置正确，您应该能够在此处看到“如何使用”页面： https://fontawesome.com/kits/bfb4213bb3/use

Answer 2

您正在使用 fontawesome v6 图标类而不是将搜索中的版本更改为：

正确的是：

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

fontawesome 图标没有显示，但为什么？

fontawesome icon not showing but why?

javascript

font-awesome