替换xiu主题默认图标字体为Font Awesome

替换xiu主题默认图标字体为Font Awesome

我们知道,xiu主题默认自带了很多好看的图标字体,可是有时候发现不够用呀,今天陌小雨就教大家替换替换xiu主题默认图标字体为Font Awesome。为什么要折腾这个呢,Font Awesome图标更多,且会一直增加。

首先下载Font Awesome文件包:点此下载

下载完成后,解压Font Awesome文件夹,打开css/font-awesome.min.css,先批量替换../fontsfonts,复制所有代码。

然后在xiu主题style.css文件中搜索@font-face,我的是大概在525行(我经常增加删除css,以搜索结果为准),全部删除改行代码,替换为刚刚复制的代码

再删除xiu主题fonts文件夹中的所有字体文件,上传Font Awesome文件夹下fonts文件夹中的所有字体文件至该处。

这样就大功告成了么?No No No,还需要在style.css中搜索glyphicon,全部替换为fa,这一步比较关键哦!

需要什么图标,任意挑选,点击前往

如何使用Font Awesome图标?

点击上面的链接进去后挑选喜欢的图标,单击就会看到调用方法啦,如:

AD:站点文章对你有帮助,可以选择去百度口碑好评下,还可以点击此处

赞 (2) 口碑
分享到:更多 ()

评论 4

表情 签到
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. BOKE123
    方法不错,现在很多主题都在用图标字体回复
    • 陌小雨
      @BOKE123 有时候还蛮佩服自己的,有个想法后马上就想到了解决办法 :mrgreen:回复
  2. 爆笑段子
    这个字体很灵活,还可以组合使用,随意放大回复

本站能为你提供什么?

从这里开始使用WordPress

快速认识WordPress,熟悉WordPress,掌握WordPress。

选择更好用的模板主题

海量的WordPress主题模板供应下载,搭建网站更加轻松、便捷!

让您的网站更安全可靠

在这里,可以了解更多关于网站安全方面的常识问题,做个攻不可破的webmaster

让您的网站更符合你的需求

学习技术教程,自己也能改网站,学前端,做设计,成为一名WEB开发者