IconFont 图标

支付宝钱包



.rectangle390
余额宝



.icon
转账



.zhuanzhang
信用卡还款



.xinyongqiahuankuan
当面付



.dangmianfu
水电煤



.shuidianmei
手机充值



.shoujichongzhi
亲密付



.qinmifu
股票



.gupiao
游戏充值



.youxichongzhi
收款



.shoukuan
机票



.jipiao
汇率换算



.huilvhuansuan
淘宝



.taobao
记账本



.jizhang
旅游特惠



.lvyoutehui
彩票



.caipiao
AA收款



.aa
快递



.kuaidi
国际汇款



.guojihuikuan
天猫宝



.tianmaobao
钱包朋友



.qianbaopengyou
话费卡转让



.huafeiqiazhuanrang
淘点点



.diandian
爱心捐赠



.aixinjuanzeng
阿里游戏



.aliyouxi
手机宝令



.shoujibaoling
打车



.dache
成功



.chenggong
我的



.wode
快抢



.kuaiqiang
失败



.shibai
搜索



.sousuo
列表



.liebiao
警示



.jingshi
芝麻信用



.zhimaxinyong
随身贷



.suishendai
校园一卡通



.xiaoyuanyiqiatong
招财宝



.zhaocaibao
娱乐宝



.yulebao
我的保障



.wodebaozhang
帮助



.bangzhu
提示



.tishi
等待



.dengdai
相机



.xiangji
手机通讯录



.shoujitongxunlu
会员特权



.huiyuantequan
设置



.shezhi
编辑



.bianji
删除



.shanchu
分享



.fenxiang
地图



.ditu
添加



.tianjia
帮助_线条



.bangzhuxiantiao
更多



.gengduo
扫一扫



.saoyisao
付款码



.fukuanma
城市服务



.chengshifuwu
教育缴费



.jiaoyujiaofei
羊城通充值



.yangchengtongchongzhi
城市一卡通



.chengshiyiqiatong
一般



.yiban
餐饮



.canyin
购物



.gouwu
服饰



.fushi
娱乐



.yule
社交



.shejiao
交通



.jiaotong
居家



.jujia
通讯



.tongxun
零食



.lingshi
美容



.meirong
运动



.yundong
旅行



.lvxing
数码



.shuma
学习



.xuexi
医疗



.yiliao
书籍



.shuji
宠物



.chongwu
彩票



.caipiao1
汽车



.qiche
办公



.bangong
住房



.zhufang
维修



.weixiu
礼物



.liwu
礼金



.lijin
还款



.huankuan
捐赠



.juanzeng
长辈



.changbei
孩子



.haizi
理财



.licai
工资



.gongzi
兼职



.jianzhi
理财收益



.licaishouyi
其他收入



.qitashouru
自定义类目



.zidingyileimu
添加类目



.tianjialeimu
支付宝A



.zhifubaoa
支付宝B



.zhifubaob
服务窗A



.fuwuchuanga
服务窗B



.fuwuchuangb
探索A



.tansuoa
探索B



.tansuob
财富A



.caifua

第一步：使用font-face声明字体

@font-face {font-family: 'iconfont';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

第二步：定义使用iconfont的样式

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

第三步：挑选相应图标并获取字体编码，应用于页面

<i class="iconfont">&#x33;</i>