# IconFont 图标

- 表情
  .subicon-biaoqing
- 铃铛
  .subicon-lingdang
- 星
  .subicon-jinlingyingcaiwangtubiao29
- 旗舰型联营资格
  .subicon-zige
- 赞
  .subicon-zan1
- 分享
  .subicon-fenxiang
- 标记
  .subicon-open-bookmarks
- 时评/评论
  .subicon-shiping
- 删除
  .subicon-del
- 一拍档专区_流程03_外贸跟单
  .subicon-qian
- 箭头 向右
  .subicon-jiantouxiangyou
- 计算机
  .subicon-jisuanji
- 井
  .subicon-jing
- 建筑
  .subicon-jianzhu
- 提问
  .subicon-icon5
- 箭头
  .subicon-arrow-left-copy-copy
- 评论
  .subicon-pinglun-copy
- 刷新 (1)
  .subicon-shuaxin1
- 会计从业
  .subicon-kuaijicongye
- 医药箱
  .subicon-yiyaoxiang
- 收藏
  .subicon-shoucang
- 浏览量
  .subicon-liulanliang
- more
  .subicon-more
- message
  .subicon-message
- 打叉
  .subicon-dacha
- tag
  .subicon-tag
- 查看
  .subicon-chakan
- 公告
  .subicon-gonggao
- 人
  .subicon-ren
- 搜索
  .subicon-sousuo
- 政府合作
  .subicon-zhengfuhezuo
- 专题练习
  .subicon-zhuantilianxi
- 箭头
  .subicon-jiantou
- 加号
  .subicon-jiahao
- 退出
  .subicon-web-quit
- 性别
  .subicon-xingbie
- 箭头
  .subicon-jiantoushang2
- tag
  .subicon-tag1
- 圆圈
  .subicon-yuanquan
- 赞
  .subicon-zan
- 评论
  .subicon-pinglun
- 定位
  .subicon-dingwei
- 人
  .subicon-ren1
- 日期
  .subicon-riqi
- 下载
  .subicon-xiazai
- 收 藏
  .subicon-shoucang1
- 练习
  .subicon-lianxi
- 主页
  .subicon-zhuye
- 练习
  .subicon-lianxi1
- 写
  .subicon-xie
- 查看
  .subicon-view
- 性别
  .subicon-xingbie1
- 学历
  .subicon-xueli
- 修改
  .subicon-xiugai
- 会计
  .subicon-huiji
- 签到
  .subicon-sign
- 试卷
  .subicon-shijuan
- 课程
  .subicon-kecheng
- 右箭头
  .subicon-zyojiantou

## 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="subfont subicon-xxx"></i>

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