# IconFont 图标

- 
  搜索
  &#xe60e;
  .sousuo
- 
  搜索
  &#xe600;
  .sousuo1
- 
  时间
  &#xe60f;
  .shijian
- 
  地址
  &#xe610;
  .address
- 
  景点
  &#xe611;
  .jingdian
- 
  电话
  &#xe61f;
  .dianhua
- 
  首页
  &#xe621;
  .shouye
- 
  时间
  &#xe61b;
  .shijian1
- 
  邮箱
  &#xe620;
  .youxiang
- 
  分类
  &#xe601;
  .fenlei
- 
  购物车
  &#xe622;
  .gouwuche
- 
  我的收藏
  &#xe623;
  .wodeshoucang
- 
  酒店
  &#xe612;
  .jiudian
- 
  首页
  &#xe602;
  .shouye1
- 
  退款
  &#xe61c;
  .tuikuan
- 
  收藏
  &#xe613;
  .shoucang
- 
  订单
  &#xe603;
  .dingdan
- 
  分类
  &#xe604;
  .fenlei1
- 
  支付方式
  &#xe61d;
  .zhifufangshi
- 
  收藏
  &#xe605;
  .shoucang1
- 
  记录
  &#xe624;
  .jilu
- 
  车主晒单
  &#xe625;
  .chezhushaidan
- 
  分类
  &#xe614;
  .fenlei2
- 
  评论
  &#xe61e;
  .pinglun
- 
  文件
  &#xe615;
  .wenjian
- 
  fold
  &#xe606;
  .fold
- 
  unfold
  &#xe607;
  .unfold
- 
  back
  &#xe608;
  .back
- 
  right
  &#xe609;
  .right
- 
  中奖记录
  &#xe626;
  .zhongjiangjilu
- 
  投保记录
  &#xe627;
  .toubaojilu
- 
  日历
  &#xe616;
  .calendar
- 
  在线客服
  &#xe60a;
  .12345
- 
  3.1天猫宝
  &#xe628;
  .31tianmaobao
- 
  会员
  &#xe60b;
  .huiyuan
- 
  我的订单
  &#xe617;
  .wodedingdan
- 
  会员
  &#xe60c;
  .gonggaofuzhi
- 
  点评
  &#xe60d;
  .pen-square
- 
  电话
  &#xe618;
  .dianhua1
- 
  分类搜索
  &#xe61a;
  .fenleisousuo
- 
  系统_点评
  &#xe619;
  .xitongdianping
- 
  购物车
  &#xe629;
  .gouwuche1
- 
  金元宝 财富 宝藏 黄金
  &#xe62a;
  .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">&#x33;</i>