IconFont 图标
-
下一页.xiayiye
-
签到.qiandao
-
返回.fanhui
-
分类.fenlei
-
帮助.bangzhu
-
icon-20.icon20
-
语音.yuyin
-
借贷.jiedai
-
好房贷.iconhfd02
-
帮助.bangzhu1
-
拍照.paizhao
-
搜索.sousuo
-
点外卖.dianwaimai
-
扫码.llshowcardicon
-
邀请.yaoqing
-
返回.return
-
客服.kefu
-
菜单.caidan
-
返回.fanhui1
-
微博.weibo
-
图片.19
-
主页.home
-
外卖.waimai
-
刷新.shuaxin
-
黄页.huangye
-
商城.shangcheng
-
商品详情逛逛.shangpinxiangqingguangguang
-
返回.fanhui2
-
外卖.waimai1
-
二维码.erweima
-
积分.jifen
-
返回.fanhui3
-
抢购.qianggou
-
抢购.qianggou1
-
二维码.erweima1
-
主页.zhuye
-
积分兑换.jifenduihuan
-
分享.fenxiang
-
优惠券.youhuiquan
-
上一页.weibiaoti2shangyiye
-
建材装修.jiancaizhuangxiu
-
早稻商城.zaodaoshangcheng
-
商城.shangcheng1
-
邀请好友.yaoqinghaoyou
-
帮助.bangzhu2
-
视频.shipin
-
装修.zhuangxiu
-
会员.huiyuan
-
购物.gouwu
-
21会员.21huiyuan
-
菜单.menu
-
版本更新.banbengengxin
-
评分鼓励.pingfenguli
-
购物.gouwu1
-
公开博客.gongkaiboke
-
1156-外卖.1156waimai
-
二维码.erweima2
-
分类.fenlei1
-
32px_限时抢购.32pxxianshiqianggou
-
客服.kefu1
-
9.9.99
-
9.9.991
-
分享.fenxiang1
-
特卖.temai
-
分享.fenxiang2
-
推荐.elite
-
20.20
-
跑腿.paotui
-
刷卡.shuaqia
-
论坛.comiisluntan
-
排名.paiming
-
计时抢购.jishiqianggou
-
微外卖.weiwaimai
-
分享.m-share
-
XZ-便民服务.xzbianminfuwu
-
拍摄.paishe
-
客服.kefu-copy
-
分享.icon1460189637316
-
拍照.photo
-
积分商城.jifenshangcheng
-
更新.gengxin
-
拍照.paizhao1
-
清除缓存.qingchuhuancun
-
关于160603.guanyu160603
-
20.201
第一步：使用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">3</i>