近日有用户反馈说使用懿古今的 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 主题。
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 来添加即可。比如我要加入微信图标,我只要在需要显示的位置添加如下标签即可:
- <i class="fa fa-weixin"></i>
而我们想要更多的图标,就需要到官方的图标库里面去查找,找到合适的图标后,点击打开即可得到相应的标签 class 了。
使用了图标字体的导航菜单效果图
你可能感兴趣的文章
懿古今 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请发邮件至[email protected],确认后马上更正、删除,谢谢!
版权声明:本文为原创文章,版权归
发表于2017-05-23 21:01 沙发
学习了,原来是图标版本升级了。
@Koolight升级后的图标库更大了,不过我们用到的图标不多,所以我也就懒得升级了
发表于2017-05-23 23:20 板凳
使用这个主题真好,因为有一个发现问题解决问题的作者啊
@闲鱼[呲牙] 保持折腾而已,遇到问题还是要解决的
发表于2017-05-24 16:00 地板
主题图标字体解决了
发表于2017-05-24 16:33 4楼
原来还可以这样用
发表于2017-05-31 22:51 5楼
确实不错很好用