IconFont 图标
-
微信.weixin
-
搜索.sousuo
-
返回.fanhui
-
搜索.sousuo1
-
QQ.QQ
-
微博.unie61d
-
爱心.02
-
铃铛.lingdang
-
好友.haoyou
-
二维码.erweima
-
对.dui
-
手机.shouji
-
朋友圈.friends
-
支付宝.zhifubao
-
删除.shanchu
-
问号.wenhaoweiwanchengyanzheng
-
购物车.gouwuche
-
热度.redu
-
朋友圈.pengyouquan
-
图表.chat
-
管理.svg11
-
厕所.cesuo
-
删除.shanchu1
-
637-总里程(公里).637zonglichenggongli
-
公路.gonglu
-
分享.fenxiang
-
记录.jilu
-
加油站.jiayouzhan
-
我的.wode
-
添加.tianjia
-
骑行.qixing
-
速度.sudu
-
删除.iconfonticonfontclose
-
个人资料.gerenziliao
-
删除.14
-
评论.pinglun
-
加.jia
-
相机.xiangji
-
余额.yue
-
商店.shangdian
-
保存.baocun-copy
-
电话.help-tel
-
添加.tianjia1
-
眼睛.yanjing
-
ic_距离.icjuli
-
图片.tupian-copy
-
地图轨迹.guiji
-
编辑.edit-copy
-
箭头.jiantou
-
添加职员.tianjiazhiyuan
-
积分.jifen
-
地图.ditu
-
数据.shuju
-
简介.iconfontjianjie
-
购买.goumai
-
地址.dizhi
-
轨迹分析.guijifenxi
-
定位.30
-
消费记录.xiaofeijilu
-
消费记录.xiaofeijilu1
-
日期.riqi-copy
-
极速响应.jisuxiangying
-
群聊.qunliao
-
定位.dingwei
-
删除.shanchu2
-
测速.cesu-copy
-
对话框.duihuakuang
-
通知.2
-
sos.sos
-
位置.iconfuzhi213
-
发布活动.fabuhuodong-copy
-
距离.juli
-
礼券.liquan
-
发现.faxian
-
hot.hot
-
个人资料.gerenziliao1
-
距离.juli1
-
位置.weizhi
-
城市.chengshi
-
两个人.lianggeren
-
放大.fangda
-
管理人员.guanlirenyuan
-
时间.shijian
-
管理.guanli
-
荒山.huangshan
-
31我的车队.31wodechedui
-
头衔.shequ
-
线路.xianlu
第一步:使用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>