• icon_caogaox01
  .icon-icon_caogaox
• icon_bianji
  .icon-icon_bianji
• icon_beidiao
  .icon-icon_beidiao
• icon_beidiao02
  .icon-icon_beidiao1
• icon_chakan
  .icon-icon_chakan
• icon_caogaox02
  .icon-icon_caogaox1
• icon_chaxun02
  .icon-icon_chaxun
• icon_daiban02
  .icon-icon_daiban
• icon_faqi02
  .icon-icon_faqi
• icon_daiban01
  .icon-icon_daiban1
• icon_faqi01
  .icon-icon_faqi1
• icon_cuiban
  .icon-icon_cuiban
• icon_home01
  .icon-icon_home
• icon_mima
  .icon-icon_mima
• icon_renwu
  .icon-icon_renwu
• icon_moban02
  .icon-icon_moban
• icon_home02
  .icon-icon_home1
• icon_moban01
  .icon-icon_moban1
• icon_chenggong_lv
  .icon-icon_chenggong_lv
• icon_geren
  .icon-icon_geren
• icon_guabbi
  .icon-icon_guabbi
• icon_geren02
  .icon-icon_geren1
• icon_rili
  .icon-icon_rili
• icon_tuichu
  .icon-icon_tuichu
• icon_jianli 02
  .icon-icon_jianli
• icon_shezhi02
  .icon-icon_shezhi
• icon_wfaqi01
  .icon-icon_wfaqi
• icon_shezhi01
  .icon-icon_shezhi1
• icon_xiaoxi02
  .icon-icon_xiaoxi
• icon_wfaqi02
  .icon-icon_wfaqi1
• icon_xiaoxi01
  .icon-icon_xiaoxi1
• icon_yiban01
  .icon-icon_yiban
• icon_yiban02
  .icon-icon_yiban1
• icon_shenpi
  .icon-icon_shenpi
• icon_单选
  .icon-icon_danxuan
• icon_单选_选中
  .icon-icon_danxuan_xuanzhong
• icon_jiaona01
  .icon-icon_jiaona
• icon_jiantoub_left_h
  .icon-icon_jiantoub_left_h
• icon_jiantou_right_l
  .icon-icon_jiantou_right_l
• icon_jianli
  .icon-icon_jianli1
• icon_jiaona02
  .icon-icon_jiaona1
• icon_miansi 02
  .icon-icon_miansi
• icon_qudao
  .icon-icon_qudao
• icon_miansi
  .icon-icon_miansi1
• icon_qudao02
  .icon-icon_qudao1
• icon_ruzhi01
  .icon-icon_ruzhi
• icon_sanjiao_down_he
  .icon-icon_sanjiao_down_he
• icon_ruzhi02
  .icon-icon_ruzhi1
• icon_shouji16
  .icon-icon_shouji
• icon_shouji24
  .icon-icon_shouji1
• icon_tianjia
  .icon-icon_tianjia
• icon_tishi_huang
  .icon-icon_tishi_huang
• icon_shuomin
  .icon-icon_shuomin
• icon_shuaxin16
  .icon-icon_shuaxin
• icon_shuaxin24
  .icon-icon_shuaxin1
• icon_xiaxian
  .icon-icon_xiaxian
• icon_zhiweiguangli 0
  .icon-icon_zhiweiguangli
• icon_zhidu
  .icon-icon_zhidu
• icon_zhiweiguangli
  .icon-icon_zhiweiguangli1
• icon_zhuanzheng02
  .icon-icon_zhuanzheng
• icon_zhuanzheng01
  .icon-icon_zhuanzheng1
• icon_chenggong16
  .icon-icon_chenggong
• icon_biaodan02
  .icon-icon_biaodan
• icon_bangzhu02
  .icon-icon_bangzhu
• icon_biaodan01
  .icon-icon_biaodan1
• icon_fenpei
  .icon-icon_fenpei
• icon_fuzhi
  .icon-icon_fuzhi
• icon_bangzhu01
  .icon-icon_bangzhu1
• icon_cuowu16
  .icon-icon_cuowu
• icon_biaodan16
  .icon-icon_biaodan2
• icon_jian
  .icon-icon_jian
• icon_jinggao16
  .icon-icon_jinggao
• icon_qingchu
  .icon-icon_qingchu
• icon_qiyong
  .icon-icon_qiyong
• icon_lajitong
  .icon-icon_lajitong
• icon_jujue
  .icon-icon_jujue
• icon_shangyi
  .icon-icon_shangyi
• icon_erweima
  .icon-icon_erweima
• icon_shifang
  .icon-icon_shifang
• icon_jiangtou16(l)
  .icon-icon_jiangtoul
• icon_riqi
  .icon-icon_riqi
• icon_tongyi
  .icon-icon_tongyi
• icon_shouquan
  .icon-icon_shouquan
• icon_xunjian01
  .icon-icon_xunjian
• icon_xunjian02
  .icon-icon_xunjian1
• icon_zhuangyi
  .icon-icon_zhuangyi
• icon_zhongzhishouqua
  .icon-icon_zhongzhishouqua
• icon_tingyong
  .icon-icon_tingyong
• icon_xiujiatongji02
  .icon-icon_xiujiatongji
• icon_xiujiatongji01
  .icon-icon_xiujiatongji1
• icon_fabu24
  .icon-icon_fabu
• icon_shenqing24
  .icon-icon_shenqing
• icon_tuijian24
  .icon-icon_tuijian
• icon_luyong24
  .icon-icon_luyong
• icon_houxuan24
  .icon-icon_houxuan
• icon_xiayi
  .icon-icon_xiayi
• icon_libiao
  .icon-icon_libiao
• icon_M
  .icon-icon_M
• icon_M_b
  .icon-icon_M_b
• icon_danxuan01
  .icon-icon_danxuan1
• icon_danxuan02
  .icon-icon_danxuan2
• wenjuan_danhang
  .icon-wenjuan_danhang
• wenjuan_duohang
  .icon-wenjuan_duohang
• icon_duoxuan02
  .icon-icon_duoxuan
• icon_duoxuan01
  .icon-icon_duoxuan1
• icon_duigou
  .icon-icon_duigou
• wenjuan_guanlian
  .icon-wenjuan_guanlian
• wenjuan_juzhen
  .icon-wenjuan_juzhen
• wenjuan_fenye
  .icon-wenjuan_fenye
• wenjuan_pic
  .icon-wenjuan_pic
• wenjuan_miaoshu
  .icon-wenjuan_miaoshu
• wenjuan_shangc
  .icon-wenjuan_shangc
• wenjuan_tiankong_duo
  .icon-wenjuan_tiankong_duo
• wenjuan_tiankong
  .icon-wenjuan_tiankong
• wenjuan_toupiao_pic
  .icon-wenjuan_toupiao_pic
• wenjuan_toupiao
  .icon-wenjuan_toupiao
• wenjuan_xiala
  .icon-wenjuan_xiala
• wenjuan_xians
  .icon-wenjuan_xians
• wenjuan_xing
  .icon-wenjuan_xing
• wenjuan_tianjia
  .icon-wenjuan_tianjia
• wenjuan_chengshi
  .icon-wenjuan_chengshi
• wenjuan_fabu
  .icon-wenjuan_fabu
• wenjuan_bianji
  .icon-wenjuan_bianji
• wenjuan_tianjia02
  .icon-wenjuan_tianjia1
• wenjuan_tianjia01
  .icon-wenjuan_tianjia2
• wenjuan_wenfabu
  .icon-wenjuan_wenfabu
• wenjuan_fuzhi
  .icon-wenjuan_fuzhi
• wenjuan_piljia
  .icon-wenjuan_piljia
• wenjuan_toupiao_fuhe
  .icon-wenjuan_toupiao_fuhe
• wenjuan_sjbaobiao01
  .icon-wenjuan_sjbaobiao
• wenjuan_sjbaobiao02
  .icon-wenjuan_sjbaobiao1
• icon_faqi
  .icon-icon_faqi2
• icon_jinyan
  .icon-icon_jinyan
• icon_didian16
  .icon-icon_didian
• icon_zan16
  .icon-icon_zan
• icon_xueli
  .icon-icon_xueli
• icon_zhiwei
  .icon-icon_zhiwei
• icon_shijiang16
  .icon-icon_shijiang
• icon_biao
  .icon-icon_biao

font-class引用

---

font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。

与unicode使用方式相比，具有如下特点：

• 兼容性良好，支持ie8+，及所有现代浏览器。
• 相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。
• 因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。
• 不过因为本质上还是使用的字体，所以多色图标还是不支持的。

使用步骤如下：

第一步：引入项目下面生成的fontclass代码：

<link rel="stylesheet" type="text/css" href="./iconfont.css">

第二步：挑选相应图标并获取类名，应用于页面：

<i class="iconfont icon-xxx"></i>

"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。