[已解决]如何在 html 中使用 Font Awespme的标签

歌者文明清理员 · 发表于 2023-6-18 23:51:44

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

https://fontawesome.com/search?m=free&o=r
看起来不错，该怎么用呢

最佳答案

月排行榜 / 总排行榜

isdkz

2023-6-19 00:01:45

在 HTML 中使用 Font Awesome 的方式非常简单。你需要做的第一步是将 Font Awesome 的 CSS 链接添加到你的 HTML 文件的头部区域( <head> 标签内)。你可以从 Font Awesome 的官网下载 CSS 文件并在你的服务器上托管它，或者你可以使用 Font Awesome 提供的 CDN 链接。这是一个例子：

<head> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css"> </head>

这个链接会加载所有的 Font Awesome 图标。如果你只需要使用一部分图标，Font Awesome 也提供了一些更具体的 CSS 文件。

一旦你添加了 CSS 链接，你就可以在你的 HTML 文件中使用 Font Awesome 图标了。只需要在你希望插入图标的地方添加一个 标签，然后为它添加适当的类就可以了。例如，如果你想要添加一个垃圾桶图标，你可以这样做：



在这个例子中，“fas” 是 Font Awesome Solid 的缩写，这是 Font Awesome 的一种风格。"fa-trash" 是垃圾桶图标的名字。

你可以在 Font Awesome 的官网上查找各种图标的类名，然后在你的 HTML 中使用它们。

注意，这是到 2021 年 9 月为止的信息。如果 Font Awesome 在此后做出了任何更改，你可能需要查看官方文档以获取最新的信息。

跳转到最佳答案楼层

isdkz · 发表于 2023-6-19 00:01:45

在 HTML 中使用 Font Awesome 的方式非常简单。你需要做的第一步是将 Font Awesome 的 CSS 链接添加到你的 HTML 文件的头部区域( <head> 标签内)。你可以从 Font Awesome 的官网下载 CSS 文件并在你的服务器上托管它，或者你可以使用 Font Awesome 提供的 CDN 链接。这是一个例子：

<head> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css"> </head>

这个链接会加载所有的 Font Awesome 图标。如果你只需要使用一部分图标，Font Awesome 也提供了一些更具体的 CSS 文件。

一旦你添加了 CSS 链接，你就可以在你的 HTML 文件中使用 Font Awesome 图标了。只需要在你希望插入图标的地方添加一个 标签，然后为它添加适当的类就可以了。例如，如果你想要添加一个垃圾桶图标，你可以这样做：



在这个例子中，“fas” 是 Font Awesome Solid 的缩写，这是 Font Awesome 的一种风格。"fa-trash" 是垃圾桶图标的名字。

你可以在 Font Awesome 的官网上查找各种图标的类名，然后在你的 HTML 中使用它们。

注意，这是到 2021 年 9 月为止的信息。如果 Font Awesome 在此后做出了任何更改，你可能需要查看官方文档以获取最新的信息。

歌者文明清理员 · 发表于 2023-6-19 00:11:32

isdkz 发表于 2023-6-19 00:01
在 HTML 中使用 Font Awesome 的方式非常简单。你需要做的第一步是将 Font Awesome 的 CSS 链接添加到你的 ...

111.zip (2.4 KB, 下载次数: 5)
你看看是为什么

歌者文明清理员 · 发表于 2023-6-19 00:13:02

isdkz 发表于 2023-6-19 00:01
在 HTML 中使用 Font Awesome 的方式非常简单。你需要做的第一步是将 Font Awesome 的 CSS 链接添加到你的 ...

另外我这个要放在iis上才能正常显示

isdkz · 发表于 2023-6-19 00:15:09

歌者文明清理员发表于 2023-6-19 00:11
你看看是为什么

咋了？我都关电脑准备睡觉了

账号		自动登录	找回密码
密码			立即注册