懿古今主题部分图标字体不显示的解决办法

2017年05月23日 16:04:48  阅读 434 次

近日有用户反馈说使用懿古今的 Nana 主题,或 zbpNana 主题时,部分图标字体不显示,比如 fa-scribd、fa-quora 等。经检测发现这些图标都是 Font Awesome 4.7.0 版本的图标,而懿古今集成的图标字体是 Font Awesome 4.3.0 版本,所以解决的办法也很简单,只需要下载最新版的图标字体上传覆盖即可。

懿古今主题部分图标字体不显示的解决办法 技术文档 第1张

Font Awesome 图标字体升级步骤

只需要将 fonts.zip 压缩包下载(点此直接下载 fonts.zip 压缩包),解压后得到一个 fonts 文件夹,然后将这个文件夹里面的内容上传到主题相应的 fonts 文件夹内覆盖即可。其中:

  • Nana 主题 fonts 文件夹位于:Nana\fonts
  • zbpNana 主题 fonts 文件夹位于:zbpNana\fonts

PS:Font Awesome 4.7.0 版本文件大小为 1093 KB,而Font Awesome 4.3.0 版本文件大小为 729 KB,所以具体选择什么版本可自行衡量。

Font Awesome 图标字体的使用方法

其实这个已经是老生常谈的话题了,所以在这里也不再详细展开说了,就再跟大家大概说一下使用流程吧。

理论上,图标字体可以用在网站的任意位置,只需要用 i 标签加 class 来添加即可。比如我要加入微信图标,我只要在需要显示的位置添加如下标签即可:

  1. <i class="fa fa-weixin"></i>

而我们想要更多的图标,就需要到官方的图标库里面去查找,找到合适的图标后,点击打开即可得到相应的标签 class 了。

使用了图标字体的导航菜单效果图

懿古今主题部分图标字体不显示的解决办法 技术文档 第2张

如果文章对你有帮助,请赞赏支持懿古今发展!

本文地址:https://yigujin.cn/1215.html
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

  1. 好书推荐排行榜
    好书推荐排行榜 【副总】 @回复

    确实不错很好用

  2. 三四福微信薅羊毛
    三四福微信薅羊毛 【实习】 @回复

    原来还可以这样用

  3. 香港独立服务器
    香港独立服务器 【实习】 @回复

    主题图标字体解决了

  4. 闲鱼
    闲鱼 【助理】 @回复

    使用这个主题真好,因为有一个发现问题解决问题的作者啊

    • 懿古今
      懿古今【老板】2017-05-24 23:50  回复

      @闲鱼[嘻嘻] 保持折腾而已,遇到问题还是要解决的

  5. Koolight
    Koolight 【副总】 @回复

    学习了,原来是图标版本升级了。

    • 懿古今
      懿古今【老板】2017-05-24 23:50  回复

      @Koolight升级后的图标库更大了,不过我们用到的图标不多,所以我也就懒得升级了