# IconFont 图标

- 
  发布文章
  &#xe606;
  .fabuwenzhang
- 
  文章
  &#xe650;
  .wenzhang
- 
  链接
  &#xe609;
  .lianjie
- 
  友情链接
  &#xe617;
  .youqinglianjie
- 
  外部链接
  &#xe668;
  .waibulianjie
- 
  邀请链接
  &#xe64b;
  .yaoqinglianjie
- 
  专题活动
  &#xe606;
  .icon111
- 
  1190-专题活动
  &#xec4f;
  .1190datuxianshi
- 󰀸
  图片
  &#xf0038;
  .tupian
- 
  图片
  &#xe688;
  .x-image-copy
- 
  项目图片
  &#xe677;
  .xiangmutupian
- 
  视频
  &#xe633;
  .shipin
- 
  视频
  &#xe62a;
  .shipin1
- 
  薪酬调查
  &#xe6ad;
  .xinchoudiaocha
- 
  调查问卷
  &#xe656;
  .diaochawenjuan
- 
  weijian
  &#xe603;
  .pa

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