如何在 HTML 中使用很棒的字体图标

问题描述 投票:0回答:4

嗨,我无法使用很棒的字体图标,我不知道问题是什么 请向我解释如何在此版本中使用很棒的字体图标。步步 是的,有一些这样的话题,但我找不到答案

html css fonts font-awesome
4个回答
17
投票

首先你必须把这个写在脑子里

<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>

0
投票

您可以使用 CDN 链接 font-awesome,但文档建议下载并使用套件。您可以在这里下载:https://fontawesome.com/kits

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


0
投票

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

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

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


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文档即可。

© www.soinside.com 2019 - 2024. All rights reserved.