# IconFont 图标

- 班级
  .icon-banji
- 加号
  .icon-iconjia
- 编辑
  .icon-bianji
- 资料
  .icon-ziliao
- 感叹号
  .icon-gantanhao
- 开关 关
  .icon-kaiguanguan
- 喇叭
  .icon-laba
- 签到
  .icon-qiandao
- 奖杯
  .icon-cup
- 关注
  .icon-star
- 审核
  .icon-shenhe
- 升序
  .icon-shengxu-copy
- template-default
  .icon-templatedefault
- 编辑
  .icon-xiazai48
- 开关 关
  .icon-kaiguanguan-copy
- 关注
  .icon-jian
- 订单
  .icon-dingdan
- 详情
  .icon-xiangqing
- 进度
  .icon-24
- 积分
  .icon-jifen
- 付款
  .icon-fukuan
- 金币
  .icon-jinbi
- PC
  .icon-pc
- icon_pc_screen
  .icon-icon-pc-screen
- 下架
  .icon-xiajia
- icon-预存款
  .icon-iconyucunkuan
- 直播
  .icon-zhibo
- 课程
  .icon-kecheng
- 新闻
  .icon-xinwen
- IE
  .icon-IE
- 列表
  .icon-liebiao
- 退出
  .icon-qiehuanzuhu
- 查看
  .icon-chakan
- 点赞
  .icon-dianzan1
- 积分
  .icon-circle-score
- 资金
  .icon-zijin
- activity_fill
  .icon-activity
- document_fill
  .icon-document
- feedback_fill
  .icon-feedback
- message_fill
  .icon-message
- people_fill
  .icon-people
- 签到
  .icon-qiandao1
- 功能
  .icon-gongneng
- 意见反馈
  .icon-yijianfankui
- 发布
  .icon-fabu
- 删除
  .icon-lajitong-copy
- 发布作业
  .icon-aiqingmiao_iconfont-
- 点赞
  .icon-dianzan
- 收藏2
  .icon-shoucang
- 收藏
  .icon-shoucang1
- 信封
  .icon-xinfeng
- 主页
  .icon-zhuye
- 排序下
  .icon-paixuxia

## 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"。