# IconFont 图标

- 图片
  .drag-i-tupian
- 模块
  .drag-i-mokuai
- 图片
  .drag-i-photo
- 配置
  .drag-i-peizhi
- list
  .drag-i-list
- 微考试
  .drag-i-weikaoshi
- 分享
  .drag-i-share
- 右对齐
  .drag-i-a-right
- 笑脸
  .drag-i-xiaolian
- style
  .drag-i-style
- 抢购
  .drag-i-qianggou
- 分享
  .drag-i-fenxiang
- 浏览
  .drag-i-121
- 左对齐
  .drag-i-a-left
- 保存
  .drag-i-baocun
- 轮播组图
  .drag-i-lbt
- 项目
  .drag-i-xiangmu
- 下
  .drag-i-xia
- 搜索
  .drag-i-sc
- 会员
  .drag-i-huiyuan
- 表单
  .drag-i-form
- 时间
  .drag-i-shijian
- 关闭
  .drag-i-guanbi
- 提示
  .drag-i-tuli
- 时间
  .drag-i-time
- 搜索
  .drag-i-sousuo1
- 导航
  .drag-i-daohang1
- 分类
  .drag-i-fenlei
- 编辑器B
  .drag-i-bold
- 编辑器I
  .drag-i-Italic
- 编辑器U
  .drag-i-underline
- 当前页面-01
  .drag-i-page
- 增加
  .drag-i-zengjia
- 课程
  .drag-i-course
- 拖动
  .drag-i-drag
- 轮播图组件
  .drag-i-lunbotuzujian
- list
  .drag-i-list1
- 当前版本
  .drag-i-page2
- files-html
  .drag-i-fileshtml
- 文字
  .drag-i-wenzi
- 文件
  .drag-i-wenjian1
- 正在授课
  .drag-i-are-taught
- sql
  .drag-i-sql
- 文件
  .drag-i-wenjian
- 导航
  .drag-i-daohang
- 文章
  .drag-i-wenzhang
- yes
  .drag-i-yes
- 导航
  .drag-i-nav
- 排版
  .drag-i-compose
- 按钮
  .drag-i-anniu
- 按钮
  .drag-i-btn
- user
  .drag-i-xingming
- 表单
  .drag-i-biaodan
- 中对齐
  .drag-i-a-center
- 课程
  .drag-i-kecheng1
- 删除
  .drag-i-del
- 链接
  .drag-i-lianjie
- 商品
  .drag-i-shangpin
- HTML
  .drag-i-HTML
- 课程
  .drag-i-kecheng
- pen
  .drag-i-pen
- 考试
  .drag-i-exam
- 编辑
  .drag-i-edit
- 文章
  .drag-i-active
- 文件夹
  .drag-i-wenjianjia
- 品牌设置
  .drag-i-pinpaishezhi
- bottom1
  .drag-i-xiangxia
- 模版统计
  .drag-i-mobantongji
- style
  .drag-i-style1
- 选择组件
  .drag-i-xuanzezujian
- 换皮肤
  .drag-i-style2
- color
  .drag-i-color
- 模板
  .drag-i-moban
- 问题
  .drag-i-wenti1
- 公告
  .drag-i-gonggao
- 配置
  .drag-i-config
- 专家
  .drag-i-zhuanjia
- 所属机构
  .drag-i-suoshujigou
- 文件夹
  .drag-i-wenjianjia1
- 下
  .drag-i-up
- 预览
  .drag-i-yulan
- 老师答疑
  .drag-i-laoshidayi
- list
  .drag-i-list2
- 分享链接2
  .drag-i-link
- list
  .drag-i-liebiao
- 下
  .drag-i-left
- 下
  .drag-i-right
- ykq_tab3_试卷
  .drag-i-ykq_tab_shijuan

## 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="drag-font drag-i-xxx"></i>

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