IconFont 图标

• 网络信号
  .icon-wangluoxinhao
• 前进
  .icon-48
• 向上翻页
  .icon-iconfontup
• 向下翻页
  .icon-iconfontdown
• 维修扳手
  .icon-weixiubanshou
• 登陆
  .icon-denglu
• 退出
  .icon-tuichu1
• 维修
  .icon-weixiu
• 前进
  .icon-qianjin
• 缩小
  .icon-suoxiao
• 前进
  .icon-qianjin1
• 返回
  .icon-fanhui
• 版本更新
  .icon-banbengengxin
• 出库管理
  .icon-chukuguanli
• 检验
  .icon-icon-inspect
• 收银图标_交接班
  .icon-shouyintubiaojiaojieban
• 首页
  .icon-shouye
• i-设备版本
  .icon-shebeibanben
• 前进
  .icon-qianjin2
• 生产加工
  .icon-shengchanjiagong
• 外协加工
  .icon-webicon307
• 维修
  .icon-buoumaotubiao46
• 版本升级
  .icon-banbenshengji
• 新增入库
  .icon-xinzengruku
• 待出库
  .icon-daichuku
• 入库
  .icon-iconfontzhizuobiaozhunbduan15
• 关闭
  .icon-guanbi
• 配件入库统计
  .icon-peijianrukutongji
• 配件出库统计
  .icon-peijianchukutongji
• 无网络
  .icon-wuwangluo
• 密码
  .icon-mima
• 放大
  .icon-fangda
• 左翻页
  .icon-zuofanye-xue
• 右翻页
  .icon-youfanye-xue
• 登陆
  .icon-denglu1
• 商品入库
  .icon-shangpinruku
• 前进
  .icon-qianjin3
• 当前版本
  .icon-ziyuan
• 901巡检、检验
  .icon-xunjianjianyan
• 添加
  .icon-tianjia-yin
• 成品入库与出库管理
  .icon-chengpinrukuyuchukuguanli
• 订单物料采购入库
  .icon-dingdanwuliaocaigouruku
• 生产领料与退料
  .icon-shengchanlingliaoyutuiliao
• 委外加工采购
  .icon-weiwaijiagongcaigou
• 委外加工采购入库
  .icon-weiwaijiagongcaigouruku
• 维修
  .icon-weixiu1
• 版本检测40
  .icon-banbenjiance
• 检验单
  .icon-jianyandan
• 子公司
  .icon-zigongsi
• 网络错误
  .icon-wangluocuowu
• 登陆密码-白色
  .icon-denglumima-baise
• 车间用电报表
  .icon-chejianyongdianbaobiao
• 返回
  .icon-fanhui1
• 工作车间
  .icon-web-icon-
• 放大
  .icon-fangda1
• 缩小
  .icon-suoxiao1
• 返回
  .icon-fanhui2
• 加工中心
  .icon-jiagongzhongxin
• 退料
  .icon-tuiliao
• 返回
  .icon-fanhui3
• 设置
  .icon-shezhi
• 返回
  .icon-fanhui4
• 密码
  .icon-password
• 加工进度
  .icon-web-icon-1
• 制作加工
  .icon-web-icon-2
• 退出
  .icon-icon-
• 称重
  .icon-chengzhong
• 出库
  .icon-chuku
• 库内加工
  .icon-kuneijiagong
• 入库
  .icon-ruku
• 调拨出库
  .icon-tiaobochuku
• 调拨入库
  .icon-tiaoboruku
• 出库复核
  .icon-chukufuhe
• 工厂车间管理
  .icon-gongchangchejianguanli
• 检验报告查询
  .icon-jianyanbaogaochaxun

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