IconFont 图标

话筒

.icon-huatong
签到

.icon-qiandao
返回

.icon-fanhui
分类

.icon-fenlei
旅游

.icon-lvyou
分享

.icon-fenxiang2
帮助

.icon-bangzhu
搜索

.icon-sousuo
icon-20

.icon-icon20
语音

.icon-yuyin
9.9包邮

.icon-9
借贷

.icon-jiedai
好房贷

.icon-iconhfd02
帮助

.icon-bangzhu1
拍照

.icon-paizhao
搜索

.icon-sousuo1
点外卖

.icon-dianwaimai
扫码

.icon-llshowcardicon
邀请

.icon-yaoqing
返回

.icon-return
客服

.icon-kefu
菜单

.icon-caidan
返回

.icon-fanhui1
微博

.icon-weibo
返回

.icon-fanhui11
前进

.icon-qianjin
图片

.icon-19
主页

.icon-home
外卖

.icon-waimai
刷新

.icon-shuaxin
黄页

.icon-huangye
商城

.icon-shangcheng
商品详情逛逛

.icon-shangpinxiangqingguangguang
返回

.icon-fanhui2
外卖

.icon-waimai1
二维码

.icon-erweima
积分

.icon-jifen
返回

.icon-fanhui3
抢购

.icon-qianggou
抢购

.icon-qianggou1
二维码

.icon-erweima1
主页

.icon-zhuye
积分兑换

.icon-jifenduihuan
分享

.icon-fenxiang
优惠券

.icon-youhuiquan
上一页

.icon-weibiaoti2shangyiye
建材装修

.icon-jiancaizhuangxiu
早稻商城

.icon-zaodaoshangcheng
商城

.icon-shangcheng1
邀请好友

.icon-yaoqinghaoyou
帮助

.icon-bangzhu2
视频

.icon-shipin
装修

.icon-zhuangxiu
会员

.icon-huiyuan
购物

.icon-gouwu
21会员

.icon-21huiyuan
菜单

.icon-menu
版本更新

.icon-banbengengxin
奖杯

.icon-jiangbei
客服

.icon-kefu1
评分鼓励

.icon-pingfenguli
购物

.icon-gouwu1
公开博客

.icon-gongkaiboke
1156-外卖

.icon-1156waimai
二维码

.icon-erweima2
分类

.icon-fenlei1
32px_限时抢购

.icon-32pxxianshiqianggou
分享

.icon-fenxiang1
客服

.icon-kefu2
9.9

.icon-99
9.9

.icon-991
分享

.icon-fenxiang3
特卖

.icon-temai
相机

.icon-xiangji
客服

.icon-kefu3
分享

.icon-fenxiang4
推荐

.icon-elite
我的

.icon-wode
方向盘

.icon-zhaohuonormal
驴妈妈

.icon-lvmama
20

.icon-20
跑腿

.icon-paotui
刷卡

.icon-shuaqia
个人优惠券

.icon-gerenyouhuiquan
论坛

.icon-comiisluntan
分享

.icon-fenxiang31
分享

.icon-iconfontfenxiangfuzhi
排名

.icon-paiming
计时抢购

.icon-jishiqianggou
微外卖

.icon-weiwaimai
评分

.icon-pingfen
分享

.icon-m-share
books，书架

.icon-books
XZ-便民服务

.icon-xzbianminfuwu
拍摄

.icon-paishe
特价进行时

.icon-tejiajinxingshi
客服

.icon-kefu-copy
日历

.icon-rili
分享

.icon-icon1460189637316
客服

.icon-customer
拍照

.icon-photo
积分商城

.icon-jifenshangcheng
更新

.icon-gengxin
笑脸

.icon-xiaolian
拍照

.icon-paizhao1
发现

.icon-iconfontfaxianb
退出

.icon-signOut
优惠券

.icon-youhuiquan1
在线解答

.icon-zaixianjieda
相机

.icon-xiangji1
九州收藏夹

.icon-shoucangjia
九州优惠券

.icon-jiuzhouyouhuiquan
九州充值

.icon-jiuzhouchongzhi
清除缓存

.icon-qingchuhuancun
关于160603

.icon-guanyu160603
下一页

.icon-xiayiye
走势

.icon-zoushi
合作加盟

.icon-hezuojiameng
首页

.icon-shouye
20

.icon-201
二维码

.icon-qrcode
直播

.icon-zhibo
会员

.icon-huiyuan1
客服

.icon-kefu4
品牌

.icon-pinpai
美女

.icon-meinv
居家互动

.icon-jujiahudong
限时折扣

.icon-xianshizhekou
指南

.icon-zhinan
添加会员

.icon-tianjiahuiyuan
特卖

.icon-temai1
分享

.icon-group
客服

.icon-kefu5
团购

.icon-tuangou
鑫会员

.icon-xinhuiyuan
优惠券

.icon-youhuiquan3
会员

.icon-huiyuan2
刷新

.icon-refresh
优惠券

.icon-youhuiquan5
退出

.icon-tuichu2
客服

.icon-kefu6

第一步：使用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>