^ 回到顶部
  • 人生没有定律,每个人都有自己的节奏
  • 本站wordpress建站教程均通过实践后发布,希望对你有帮助
  • 希望你的坚持,都是因为热爱,而不是因为不甘心
  • 5年wordpress建站经验,5星服务品质
  • 那些不愿意让你吃亏的人,才是真正值得你深交的人,也是值得你付出时间的人
  • 当你决定出发,最难的就已经过去了
  • 以前我是很拒绝使用插件的,现在我却很喜欢,也许这是一种成熟
  • 网站内容如果对你有帮助,可以打赏支持下哦

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

阿里云服务器9.9

替换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 图标?

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

<i class="fa fa-wordpress"></i>

历史上的今天:
如果本文章对你有帮助,请支持下我,谢谢!

展开阅读全文

扫码关注微信公众号zs40086(微搜片)随时随地微信看片,抢先福利电影等你来

热门推荐

小雨导购

如有疑问,请前往问答中心反馈!

反馈
  1. BOKE123
    方法不错,现在很多主题都在用图标字体
    • 陌小雨网站管理员
      @BOKE123 有时候还蛮佩服自己的,有个想法后马上就想到了解决办法 :mrgreen:
  2. 爆笑段子
    这个字体很灵活,还可以组合使用,随意放大