# IconFont 图标

- 
  向上箭头
  &#xe674;
  .1
- 
  jz
  &#xe669;
  .jiazai
- 㑖
  宠物
  &#x3456;
  .chongwu
- 㔃
  宝贝
  &#x3503;
  .baobei
- 㑓
  摄影旅行
  &#x3453;
  .sheyinglvxing
- 㑔
  搞笑趣味
  &#x3454;
  .gaoxiaoquwei
- 㑠
  运动户外
  &#x3460;
  .yundonghuwai
- 㑡
  男装
  &#x3461;
  .nanzhuang

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