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