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

2017年05月23日 16:04:48  阅读 740 次 评论 7 条

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

目前 Font Awesome 图标已经升级到 5.0.13,所以如果出现添加的图标显示不正常,请移步参考《懿古今主题内含图标升级到 Font Awesome 5.0.13》这篇文章手动升级图标文件,或下载最新版的 Nana 主题或 Blogs 主题。

懿古今主题部分图标字体不显示的解决办法 技术文档 第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://www.yigujin.cn/1215.html
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!

相关文章 分类热门分类热评随机文章

发表评论

中国赞表情摊手表情吃瓜表情笑哭表情偷笑表情衰表情汗表情思考表情费解表情抓狂表情晕表情流泪表情疑问表情嘻嘻表情吃惊表情鼓掌表情

表情

  1. 好书推荐排行榜
    好书推荐排行榜 @回复

    确实不错很好用

  2. 三四福微信薅羊毛
    三四福微信薅羊毛 @回复

    原来还可以这样用

  3. 香港独立服务器
    香港独立服务器 @回复

    主题图标字体解决了

  4. 闲鱼
    闲鱼 @回复

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

  5. Koolight
    Koolight @回复

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

    • 懿古今
      懿古今2017-05-24 23:50  回复

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