天兴工作室制作的zblog主题里面大部分都集成了Font Awesome图标字体,使用图标字体有很多优点,用字体代替图标,加载快,使用灵活。
有些客户反馈说不知道怎么修改这些图标字体,本文来做一个详细的说明。
下面以天兴工作室企业主题6来做演示说明。这款主题幻灯片下面有一个模块就是使用了图标字体:
下面我们来修改这些图标,打开网站后台--右上角主题配置--里面可以修改主题的各项自定义配置项。打开首页调用,找到“首页服务项目”,修改此处即可,图标字体的完整代码如下图:
<i class="fa fa-briefcase"></i>这就是一个完整的图标字体代码,怎么修改呢?
打开这个网站“http://www.fontawesome.com.cn/faicons/”,里面有很多图标,每个图标都对应一个代码。
你想用哪个图标,复制对应的代码,然后替换掉“<i class="fa fa-briefcase"></i>”这个代码后面的“briefcase”即可。一定要注意只能替换这一段,前面一定要保留“fa fa-”,否则不会生效的。
举例我们想用下图红框里面的图标:
那么直接复制对应代码“address-book”替换后的代码为“<i class="fa fa-address-book"></i>”。
然后就没有然后了,保存提交,前台就可以看到效果了。
本文标签:#图标字体#Font Awesome
相关推荐
欢迎 你 发表评论: 取消回复
- 最新文章
- 热文排行
- 最多评论
- 1zblog登录后台一直提示验证码错误的原因和解决方法03-01
- 2zblog使用api提交post数据提示419错误的原因和解决方法02-23
- 3天兴工作室2025年春节放假公告01-25
- 4天兴用户中心插件“微信通知”功能设置教程11-09
- 5阿里云2024双11活动推荐 通过本站链接参与另外赠送本站代金券11-05
- 6天兴工作室官网购物活动:全场8折优惠券 不限次数不限金额04-17
- 7天兴工作室zblog纯博客主题 vue3+小程序双版本03-19
- 8vue3项目引入vant报错的错误原因和解决办法03-12
- 9天兴工作室zblog百科主题 可搭配会员插件实现知识付费盈利03-06
- 标签聚合
- ×5zblog导航栏×1天下网商×3zblog导航×1在线QQ客服×1Swiper文档×1Rewrite规则×1vue跨域×1促销活动×6zblogphp错误×1验证码×1一排两个×1微博×1极简模板×5emlog×1zblogphp调用栏目×1科技模板×22020×1响应式企业主题×1上传限制×1js控制字体大小
最新评论
-
天兴工作室
并没有任何限制 -
访客
请问 zblog淘客主题 对使用者的要求是必须是企业吧? -
阿浩
大佬们,丢几个除了作者以外的演示站,我想看看大家的布局设置 -
有趣生活
一直想开发zblog的功能,zblog的敷在不知道够够不够 -
访客
发布文章时候,那怎么改默认状态呢比如改成默认审核状态?