# IconFont 图标

- 
  信息
  &#xe600;
  .xinxi
- 
  点赞
  &#xe601;
  .tubiao
- 
  箭头
  &#xe602;
  .chevron
- 
  上-细箭头
  &#xe603;
  .circulararrcol
- 
  31表情_笑
  &#xe604;
  .31biaoqingxiao
- 
  积分
  &#xe605;
  .jifen
- 
  at
  &#xe606;
  .at
- 
  信息
  &#xe607;
  .xinxi1
- 
  评论
  &#xe608;
  .pinglun
- 
  图片-02
  &#xe60a;
  .img
- 
  短信
  &#xe60b;
  .duanxin
- 
  编辑
  &#xe60c;
  .bianji
- 
  图片
  &#xe60d;
  .tupian
- 
  huolv-个人资料
  &#xe60e;
  .gerenziliao
- 
  热门车型
  &#xe60f;
  .remenchexing
- 
  首页
  &#xe609;
  .shouye
- 
  退出
  &#xe610;
  .tuichu
- 
  分享
  &#xe611;
  .fenxiang
- 
  商城
  &#xe61b;
  .shangcheng
- 
  消息
  &#xe612;
  .xiaoxi
- 
  公告-查看
  &#xe613;
  .gonggaochakan
- 
  发布
  &#xe614;
  .fabu
- 
  踩
  &#xe615;
  .cai
- 
  搞笑段子
  &#xe616;
  .duanzi
- 
  建议反馈
  &#xe618;
  .jianyifankui
- 
  klm-全部商品
  &#xe619;
  .klmquanbushangpin
- 
  我的帐户
  &#xe61a;
  .wodezhanghu

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