logo标签列表

如何在HTML中使用Font Awesome图标

htmlcssfontsfont-awesome
3

你好，我无法使用Font Awesome图标，不知道问题出在哪里。请逐步向我解释如何在这个版本中使用Font Awesome图标。

是的，有一些类似的主题，但我无法找到答案。

4个回答
9

首先，您需要在头部编写以下内容

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

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

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

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

如果您正在使用 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>

如果您使用其他版本的 Font Awesome，请查看其文档，只需搜索各个版本的 Font Awesome 文档即可。

0
我所做的是创建字体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>

0
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接