IconFont 图标
-
搜索.sousuo
-
搜索.sousuo1
-
时间.shijian
-
地址.address
-
景点.jingdian
-
电话.dianhua
-
首页.shouye
-
时间.shijian1
-
邮箱.youxiang
-
分类.fenlei
-
购物车.gouwuche
-
我的收藏.wodeshoucang
-
酒店.jiudian
-
首页.shouye1
-
退款.tuikuan
-
收藏.shoucang
-
订单.dingdan
-
分类.fenlei1
-
支付方式.zhifufangshi
-
收藏.shoucang1
-
记录.jilu
-
车主晒单.chezhushaidan
-
分类.fenlei2
-
评论.pinglun
-
文件.wenjian
-
fold.fold
-
unfold.unfold
-
back.back
-
right.right
-
中奖记录.zhongjiangjilu
-
投保记录.toubaojilu
-
日历.calendar
-
在线客服.12345
-
3.1天猫宝.31tianmaobao
-
会员.huiyuan
-
我的订单.wodedingdan
-
会员.gonggaofuzhi
-
点评.pen-square
-
电话.dianhua1
-
分类搜索.fenleisousuo
-
系统_点评.xitongdianping
-
购物车.gouwuche1
-
金元宝 财富 宝藏 黄金.jinyuanbao002
第一步：使用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>