我们知道,xiu 主题默认自带了很多好看的图标字体,可是有时候发现不够用呀,今天陌小雨就教大家替换替换 xiu 主题默认图标字体为 Font Awesome。为什么要折腾这个呢,Font Awesome 图标更多,且会一直增加。
首先下载 Font Awesome 文件包:点此下载
下载完成后,解压 Font Awesome 文件夹,打开css/font-awesome.min.css
,先批量替换../fonts
为fonts
,复制所有代码。
然后在 xiu 主题style.css
文件中搜索@font-face
,我的是大概在 525 行(我经常增加删除 css,以搜索结果为准),全部删除改行代码,替换为刚刚复制的代码
再删除 xiu 主题 fonts 文件夹中的所有字体文件,上传 Font Awesome 文件夹下 fonts 文件夹中的所有字体文件至该处。
这样就大功告成了么?No No No,还需要在 style.css 中搜索 glyphicon,全部替换为 fa,这一步比较关键哦!
需要什么图标,任意挑选,点击前往
如何使用 Font Awesome 图标?
点击上面的链接进去后挑选喜欢的图标,单击就会看到调用方法啦,如:
<i class="fa fa-wordpress"></i>