# IconFont 图标

- 
  文件
  &#xe600;
  .wenjian
- 
  等级
  &#xe601;
  .dengji
- 
  图层
  &#xe602;
  .tuceng
- 
  跟踪定位
  &#xe605;
  .genzongdingwei
- 
  推荐列表
  &#xe606;
  .tuijianliebiao
- 
  智慧创新
  &#xe607;
  .zhihuichuangxin
- 
  企业办公楼
  &#xe608;
  .qiyebangonglou
- 
  phone
  &#xe609;
  .phone
- 
  热线电话
  &#xe60a;
  .rexiandianhua
- 
  客服小姑娘
  &#xe60b;
  .kefuxiaoguniang
- 
  公文包
  &#xe60d;
  .gongwenbao
- 
  热门图片
  &#xe60e;
  .rementupian
- 
  up-open
  &#xe610;
  .upopen
- 
  写字楼
  &#xe612;
  .xiezilou
- 
  设计师
  &#xe613;
  .designer
- 
  电话
  &#xe614;
  .service-phone
- 
  准备模型
  &#xe615;
  .prepare-model
- 
  phone call
  &#xe616;
  .phonecall
- 
  share
  &#xe617;
  .share
- 
  biaotiicon
  &#xe618;
  .biaotiicon

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