天兴工作室制作的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
相关推荐
欢迎 你 发表评论: 取消回复
- 最新文章
- 热文排行
- 最多评论
- 1天兴工作室多语言翻译插件 自动翻译多达12种语言 适合外贸站点06-23
- 2有道云翻译获取appid和seckey的详细步骤和截图06-22
- 3支付宝支付后异步通知页面提示”支付签名校验失败,请联系管理员!“的原因和解决方法05-08
- 4阿里云oss配置项获取步骤截图,包含ID和Secret、区域节点Endpoint、存储空间Bucket和资源访问域名04-14
- 5zblog登录后台一直提示验证码错误的原因和解决方法03-01
- 6zblog使用api提交post数据提示419错误的原因和解决方法02-23
- 7天兴工作室2025年春节放假公告01-25
- 8天兴用户中心插件“微信通知”功能设置教程11-09
- 9阿里云2024双11活动推荐 通过本站链接参与另外赠送本站代金券11-05
- 标签聚合
- ×1笑话模板×2zblog快手小程序×5zblogphp主题×2zblog抖音小程序×1修改模板×2zblog安装主题×10wordpress×1无觅×1wiki×1上传文件×1仿煎蛋×1zblog主题怎么修改×1十一×2jq特效×2最新评论×1科技×1乐视云视频×1表单插件×1下拉记载×1售后服务
最新评论
-
天兴工作室
并没有任何限制 -
访客
请问 zblog淘客主题 对使用者的要求是必须是企业吧? -
阿浩
大佬们,丢几个除了作者以外的演示站,我想看看大家的布局设置 -
有趣生活
一直想开发zblog的功能,zblog的敷在不知道够够不够 -
访客
发布文章时候,那怎么改默认状态呢比如改成默认审核状态?