如何在网站上使用 Font Awesome 图标

2021年01月26日 3

Font Awesome 是一套不可多得的开源的图标库，最新 5.0 版里面收集了 1609 个免费图标。使用 Hexo NexT 主题搭建博客的童鞋想必不会陌生，因为 NexT 主题整合了 Font Awesome 的样式，可以直接调用。那相对于一般的网站来说，该如何调用呢？

下载样式库

首先，我们需要下载 Font Awesome 的样式及图标库，可前往官网下载。

样式库下载完成后，解压放到网站目录（也可以放到其他地方，能调用到就行），比如我将它重命名后放到 WordPress 的 uploads 目录。然后在代码中添加调用：

完成以下步骤后，就能通过：的方式直接使用图标了。使用步骤：

比如：

 battery empty
 battery quarter
 battery half
 battery three quarters
 battery full

显示效果如下： battery empty battery quarter battery half battery three quarters battery full PS：如果觉得官网访问慢，也可以使用中文网的图标，但图标个数较少，且从5.0开始收费。