【问题标题】：how to use font awesome icons in HTML如何在 HTML 中使用字体真棒图标
【发布时间】：2022-08-09 05:55:50
【问题描述】：

嗨我不能使用字体真棒图标，我不知道是什么问题请向我解释如何在这个版本中使用字体真棒图标。一步步是的，有一些这样的话题，但我想不出答案

【解决方案1】：

首先你必须把这个写在头上

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

然后，每当您想使用一种很棒的字体时，只需复制其 HTML 代码并将其粘贴到您想要的位置即可。例如：

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

【讨论】：

【解决方案2】：

首先，您应该添加所需的样式表。

如果您使用的是 Font Awesome 4：

在 body 标记之前添加此样式表。

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

在哪里使用它：

在body 标签内使用它。

例如：<i class="fa fa-link"></i>

如果您使用其他版本的字体真棒查看他们的文档，只需搜索各个版本的字体真棒文档。

【讨论】：

【解决方案3】：

您可以使用 CDN 链接 font-awesome，但文档建议下载和使用工具包。你可以在这里下载：https://fontawesome.com/kits

有关更多详细信息，您应该查看其文档：https://fontawesome.com/docs

【讨论】：

【解决方案4】：

我所做的是创建字体 Awesome 代码套件。将元素复制并粘贴到 HTML 头标签

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

<span>
<i class="fa-brands fa-amazon-pay"></i>
<span>

【讨论】：