IconFont 图标
-
图片.icon-tupian
-
刮刮卡.icon-guaguaqia
-
图片.icon-tupian2
-
视频.icon-video
-
大转盘.icon-dazhuanpan
-
图片.icon-tupian1
-
标签.icon-17
-
双向呼叫.icon-shuangxianghujiao
-
卡券营销.icon-qiaquanyingxiao
-
添加图标.icon-jia
-
二维码.icon-erweima
-
链接.icon-lianjie
-
分组.icon-fenzu
-
模板库.icon-mobanku
-
语音消息.icon-yuyinxiaoxi
-
提建议.icon-tijianyi
-
条形码1-01.icon-tiaoxingma101
-
上传.icon-shangchuan
-
卡券.icon-wxcard-copy
-
微商城.icon-wsc
-
储值.icon-chuzhi
-
计划.icon-jihua
-
短信.icon-duanxin
-
卡券.icon-qiaquan
-
短信营销.icon-duanxinyingxiao
-
拼图.icon-pintu
-
视频.icon-shipin
-
列表.icon-liebiao
-
短信 2.icon-duanxin1
-
游戏.icon-youxi1
-
门店.icon-mendian1
-
核销.icon-hexiao
-
微信营销.icon-weixinyingxiao
-
分析.icon-fenxi
-
手机验证码.icon-shoujiyanzhengma
-
删除.icon-shanchu
-
next.icon-next-
-
消费.icon-xiaofei
-
icon-二维码.icon-icon-QRcode
-
卡券包.icon-qiaquanbao
-
排序.icon-paixu_up-copy
-
信息管理.icon-xinxiguanli
-
会员管理.icon-huiyuanguanli
-
通话记录.icon-tonghuajilu
-
记录.icon-jilu
-
断开链接.icon-duankailianjie
-
消费.icon-xiaofei1
-
小程序.icon-xiaochengxu
-
分隔符.icon-fengefu
-
展开.icon-zhankai
-
收起.icon-shouqi
-
互动.icon-hudong
-
语音.icon-yuyin
-
编辑.icon-bianji
-
文字.icon-wenzi
-
智能引擎.icon-zhinengyinqing
-
拖拽.icon-tuozhuai
-
小程序.icon-xiaochengxu11
-
著作权.icon-zhuzuoquan
-
条形码.icon-tiaoxingma
-
微信会员.icon-weixin-
-
电商会员.icon-huiyuanpengyou
-
电商买家.icon-dianshangtupian
-
积分制度.icon-jifen
-
会员信息字段.icon-renzhengxinxi
-
会员特权.icon-huiyuantequan-
-
会员价值分类.icon-huiyuanjiazhifenlei
-
素材库.icon-sucaiku
-
会员卡设置.icon-qiapian-
-
卡券展架.icon-qiaquan-
-
卡券记录.icon-wodeqiaquan-
-
口令福利.icon-mima
-
营销模板.icon-moban
-
找你马.icon-fenxi-
-
门店签到.icon-qiandao-
-
线上签到.icon-qiandaopx
-
评价管理.icon-pingjiaguanli
-
订单评价机制.icon-shu
-
商户信息.icon-pintu1
-
门店信息.icon-mendian
-
成员信息.icon-shanghuxinxi
-
通讯费用.icon-huafei
-
会员生动化管理.icon-icon_huiyuanguanli
-
积分结算费用.icon-erjicaidan-jiesuanguanli
-
POS会员.icon-xinyongqiajiesuanfuwu
-
业绩结算.icon-laowujiesuan
-
自动回复.icon-huifu
-
自定义菜单.icon-zidingyicaidan-
-
通用广告位.icon-zujian-lunbo
-
特例广告位.icon-cg-yuanshengguanggao
-
游戏开放接口.icon-youxi
-
自定义页面.icon-icon_zidingyiyemianshezhi
-
导航设置.icon-daohang-
-
会员功能页面.icon-huiyuan-
-
主题设置.icon-shequ-zhutifenxiang
-
下载.icon-icon_yunxiazai
-
添加图片.icon-Icon_addPhotoB
-
模板消息库.icon-mobanxiaoxiku
-
模板消息群发.icon-mobanxiaoxiqunfa
-
upload.icon-yd-icon-upload2
-
图表为空.icon-tubiaoweikong
-
CSV.icon-CSV
-
会员在线沟通.icon-huiyuanzaixiangoutong
-
事务分配机制.icon-shiwufenpeijizhi
-
暂无数据.icon-oa_nofind
-
打勾(1).icon-selected
-
扫描.icon-saomiao
-
视频.icon-shipin1
-
小程序.icon-xiaochengxu1
-
积分明细表.icon-jifenmingxibiao
-
积分结算归属.icon-jifenjiesuanguishu
-
积分成本配置.icon-jifenchengbenpeizhi
-
图文样式.icon-tuwenyangshi
-
冻结.icon-dongjie
-
广告页设置.icon-yemianshezhi
-
信息 显示.icon-xinxixianshi
-
电话.icon-dianhua
-
卡券.icon-qiaquanhexiao
-
手工标签.icon-shougongbiaoqian
-
平台标签库.icon-pingtaibiaoqianku
-
手工标签库.icon-shougongbiaoqianku
-
我的标签库.icon-wodebiaoqianku
-
轨迹检索.icon-guijijiansuo
-
消费.icon-xiaofei2
-
基本信息.icon-jibenxinxi
-
营销活动管理.icon-yingxiaohuodongguanli
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"。