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