导航栏或者其它地方使用图标+文字的样式更直观也更美观，下面介绍如何在网站上使用fontawesome图标。
1：下载fontawesome图标库
下载fontawesome图标库，下载免费版的即可。
2：上传文件
解压下载的压缩包，将css与webfonts上传到网站，比如在网站根目录新建文件夹fontawesome-free-6.7.2-web，然后上传到次文件夹。
3：引用css
在<head>里面引用css，对于上面上传的地址：
<link href="/fontawesome-free-6.7.2-web/css/all.css" rel="stylesheet" />4：使用图标
通过网站搜索图标
记得选择自己下载的版本对应的图标库，比如搜索home，可以看到有后多种样式，选择其中一个。
点击就可以看到使用代码。
比如在导航栏使用，就可以写成
<i class="fa-solid fa-house-user"> 首页</i>最后的效果：
- THE END -
最后修改：2025年2月25日
非特殊说明，本博所有文章均为博主原创。
如若转载，请注明出处：https://www.louxu.com/2025/02/119.html
共有 0 条评论