天兴工作室制作的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判断插件是否安装或者启用的代码介绍01-16
- 2translate3d和z-index冲突导致z-inde值无效的解决办法01-10
- 3zblogphp提示“ Call to undefined function openssl_pkey_get_public()”的原因和解决办法12-25
- 4zblogphp1.6版本报错“非法访问”的原因和解决办法12-23
- 5wordpress导航栏自定义添加class和rel="nofollow"的步骤12-13
- 6swiper做导航栏时自动跳转至对应分类的代码12-07
- 7zblogphp自带js框架评论接口大全12-04
- 8wordpress提示"Error establishing a database connection"的解决办法11-10
- 9诈尸?dedecms发新版了!DedeCMSV6正式发布 dedecms最新版下载11-03
- 标签聚合
- ×1武汉音乐学院青山基地×1度娘×12016端午节×1ckplayer解析×1父分类×1续费2年送2年×1表单插件×1回老家×1读者墙×1.zba×1zblogphp调用栏目×1天翼励志卡×1主题报错×1放暑假×1神州行套餐×1地质大学×1全球通G3升级版×1模板预览×1jiathis×1zblog数据能力
最新评论
-
吸料机
已经解决 -
xinling2020.com
我今天在路上还在想我的个人博客要是写到1W文章数量会不会崩,看到这几十万我就放心了。这辈子也不可能有这样的数据~!哈哈 -
访客
不知道百度**收录怎么样 -
天兴工作室
这玩意你看下php手册啊https://www.php.net/manual/zh/function.date.php,m就是星期几 -
风羽
PHP版没有直接的星期几哦,找了好久没有,只能用JS转换~