IconFont 图标
-
加号.icon-iconfont707
-
优惠券.icon-youhuiquan
-
回到顶部.icon-huidaodingbu
-
减号.icon-jianhao
-
菜单.icon-26
-
菜单.icon-caidan
-
all.icon-all
-
back.icon-back
-
cart.icon-cart
-
favorite.icon-favorite
-
less.icon-less
-
more_unfold.icon-moreunfold
-
more.icon-more
-
set.icon-set
-
ViewGallery.icon-viewgallery
-
account.icon-account
-
手机.icon-shouji1
-
帮助.icon-help
-
热.icon-re
-
share.icon-share
-
wxb搜索推广.icon-wxbsousuotuiguang
-
购物车添加.icon-gouwuchetianjia
-
垃圾箱.icon-lajixiang
-
分享.icon-fenxiang
-
首页.icon-shouye
-
当地.icon-dangdi
-
验证码.icon-yanzhengma
-
绑定设置.icon-bangding1
-
注册.icon-zhuce-copy
-
线-上传.icon-xianshangchuan
-
客服.icon-kefu
-
众筹明细.icon-zhongchoumingxi
-
游戏.icon-youxi
-
钱包.icon-qianbao
-
bussiness-card.icon-bussinesscard
-
热.icon-re-copy
-
邀请好友.icon-yaoqinghaoyou
-
扫一扫.icon-saoyisao-copy
-
close.icon-close
-
search.icon-search
-
钱包.icon-qianbao1
-
密码.icon-xiugaimima
-
借阅管理.icon-jieyueguanli
-
优惠券.icon-youhuiquan2
-
线上合同下载.icon-xianshanghetongxiazai
-
上下箭头.icon-shangxiajiantou
-
交易明细.icon-jiaoyimingxi
-
优惠券.icon-youhuiquan3
-
订单.icon-dingdan
-
保险订单.icon-baoxiandingdan
-
订单 处理中.icon-dingdanchulizhong
-
订单 待付款.icon-dingdandaifukuan
-
订单.icon-dingdan1
-
订单集合.icon-dingdanjihe
-
订单 已成功.icon-dingdanyichenggong
-
里程抵现.icon-lichengdixian
-
其他订单.icon-qitadingdan
-
预约订单.icon-yuyuedingdan
-
意见反馈.icon-yijianfankui
-
兑换.icon-duihuan
-
忘记密码.icon-wangjimima
-
兑换券.icon-duihuanquan
font-class引用
font-class是unicode使用方式的一种变种,主要是解决unicode书写不直观,语意不明确的问题。
与unicode使用方式相比,具有如下特点:
- 兼容性良好,支持ie8+,及所有现代浏览器。
- 相比于unicode语意明确,书写更直观。可以很容易分辨这个icon是什么。
- 因为使用class来定义图标,所以当要替换图标时,只需要修改class里面的unicode引用。
- 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
使用步骤如下:
第一步:引入项目下面生成的fontclass代码:
<link rel="stylesheet" type="text/css" href="./iconfont.css">
第二步:挑选相应图标并获取类名,应用于页面:
<i class="iconfont icon-xxx"></i>
"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。