如何在网站上使用 Font Awesome 图标
Font Awesome 是一套不可多得的开源的图标库,最新 5.0 版里面收集了 1609 个免费图标。使用 Hexo NexT 主题搭建博客的童鞋想必不会陌生,因为 NexT 主题整合了 Font Awesome 的样式,可以直接调用。那相对于一般的网站来说,该如何调用呢?
![](/upload/wp/1611650763-image-1611650761884.png)
下载样式库
首先,我们需要下载 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开始收费。