• 导出
    icon-daochu
  • 导入
    icon-daoru
  • 上传
    icon-shangchuan
  • 下载
    icon-xiazai
  • 微信
    icon-weixin
  • QQ
    icon-QQ
  • 名称=锁定, 线面=off
    icon-suozhu
  • 名称=开锁, 线面=off
    icon-jiesuo
  • 权限
    icon-quanxian
  • 错误
    icon-cuowu
  • 插入链接-22
    icon-charulianjie-
  • 删除
    icon-shanchu
  • 查看详情
    icon-chakanxiangqing
  • 学生异动
    icon-xueshengyidong
  • 报考
    icon-baokao
  • 成绩
    icon-chengji
  • 阅卷
    icon-yuejuan
  • 考核设置
    icon-kaoheshezhi
  • 论文管理
    icon-lunwenguanli
  • 申报
    icon-shenbao
  • 课程
    icon-kecheng
  • 题库
    icon-tiku
  • 教务设置
    icon-jiaowushezhi
  • 自定义设置
    icon-zidingyishezhi
  • 超级统计
    icon-chaojitongji
  • 招生统计
    icon-zhaoshengtongji
  • 推广统计
    icon-tuiguangtongji
  • 学习统计
    icon-xuexitongji
  • 地区数据统计
    icon-diqushujutongji
  • 数据导入
    icon-shujudaoru
  • 成考管理
    icon-chengkaoguanli
  • 远程管理
    icon-yuanchengguanli
  • 书籍管理
    icon-shujiguanli
  • 过程性考核
    icon-guochengxingkaohe
  • 学分认定
    icon-xuefenrending
  • 课程订单
    icon-kechengdingdan
  • 问题反馈
    icon-wentifankui
  • 资产
    icon-zichan
  • KPI管理
    icon-KPIguanli
  • 项目管理
    icon-xiangmuguanli
  • 微信公众号
    icon-weixingongzhonghao
  • 安全设置
    icon-anquanshezhi
  • 服务中心
    icon-fuwuzhongxin
  • 企业服务
    icon-qiyefuwu
  • 网课服务
    icon-wangkefuwu
  • 收费管理
    icon-shoufeiguanli
  • 权限设置
    icon-quanxianshezhi
  • 教务统计
    icon-jiaowutongji
  • 教学统计
    icon-jiaoxuetongji
  • 收费统计
    icon-shoufeitongji
  • 服务统计
    icon-fuwutongji
  • 通知统计
    icon-tongzhitongji
  • 考核统计
    icon-kaohetongji
  • 用户活跃度
    icon-yonghuhuoyuedu
  • 学生报名
    icon-xueshengbaoming
  • 学生录取
    icon-xueshengluqu
  • 学生注册
    icon-xueshengzhuce
  • 在籍学生
    icon-zaijixuesheng
  • 花名册
    icon-huamingce
  • 服务分类管理
    icon-fenleiguanli
  • 学生服务列表
    icon-fuwuliebiao
  • 通知分类管理
    icon-fenleiliebiao
  • 通知列表
    icon-tongzhiliebiao
  • 教学计划
    icon-jiaoxuejihua
  • 教学安排
    icon-jiaoxueanpai
  • 成绩管理
    icon-chengjiguanli
  • 图片管理
    icon-tupianguanli
  • 考试计划
    icon-kaoshijihua
  • 考试配置
    icon-kaoshipeizhi
  • 学习中心管理
    icon-xuexizhongxinguanli
  • 考核管理
    icon-kaoheguanli
  • 教师管理
    icon-jiaoshiguanli
  • 网课管理
    icon-wangkeguanli
  • 补录结算
    icon-bulujiesuan
  • 毕业管理
    icon-biyeguanli
  • 考核指标
    icon-kaohezhibiao
  • 企业管理
    icon-qiyeguanli
  • 初步管理
    icon-chubuguanli
  • 呼叫报表
    icon-hujiaobaobiao
  • 扫描电镜
    icon-saomiaodianjing
  • 结账
    icon-jiezhang
  • 销售报表
    icon-xiaoshoubaobiao
  • 凭证
    icon-pingzheng
  • 合同异动
    icon-hetongyidong
  • 销售品
    icon-xiaoshoupin
  • 学术管理
    icon-xueshuguanli
  • 易耗品
    icon-yihaopin
  • 任务管理
    icon-renwuguanli
  • 电商
    icon-dianshang
  • 固定资产
    icon-gudingzichan
  • 动态管理
    icon-dongtaiguanli
  • 基础配置
    icon-jichupeizhi
  • 大数据
    icon-dashuju
  • 呼叫设置
    icon-hujiaoshezhi
  • 分销市场
    icon-fenxiaoshichang
  • 成绩统计
    icon-chengjitongji
  • 推广设置
    icon-tuiguangshezhi
  • 课程中心
    icon-kechengzhongxin
  • 合同设置
    icon-hetongshezhi
  • 课程包管理
    icon-kechengbaoguanli
  • 用户管理
    icon-yonghuguanli
  • 用户画像
    icon-yonghuhuaxiang
  • 帐号管理
    icon-zhanghaoguanli
  • SEM管理
    icon-SEMguanli
  • 预算
    icon-yusuan
  • 名片报表
    icon-mingpianbaobiao
  • 订单管理
    icon-dingdanguanli
  • 推广管理
    icon-tuiguangguanli
  • 专题管理
    icon-zhuantiguanli
  • 销售设置
    icon-xiaoshoushezhi
  • 素材管理
    icon-sucaiguanli
  • 学生导入
    icon-xueshengdaoru
  • 商品管理
    icon-shangpinguanli
  • 排课管理
    icon-paikeguanli
  • 信息导入
    icon-xinxidaoru
  • 收费配置
    icon-shoufeipeizhi
  • 用户权限
    icon-yonghuquanxian
  • 在籍学生管理
    icon-zaijixueshengguanli
  • 学号管理
    icon-xuehaoguanli
  • 课程资源管理
    icon-kechengziyuanguanli
  • 面授教学安排
    icon-mianshoujiaoxueanpai
  • 账房
    icon-zhangfang
  • 开课管理
    icon-kaikeguanli
  • 毕业统计
    icon-biyetongji
  • 招生准备
    icon-zhaoshengzhunbei
  • 排课设置
    icon-paikeshezhi
  • 班级管理
    icon-banjiguanli
  • 精品课堂
    icon-jingpinketang
  • 员工提点
    icon-yuangongtidian
  • 考试安排
    icon-kaoshianpai
  • 网络教学安排
    icon-wangluojiaoxueanpai
  • 入学成绩
    icon-ruxuechengji
  • 面授教学
    icon-mianshoujiaoxue
  • 教师教室管理
    icon-jiaoshijiaoshiguanli
  • 录取管理
    icon-luquguanli
  • 录取成绩
    icon-luquchengji
  • 资源
    icon-ziyuan
  • 课件
    icon-kejian
  • 外部课件
    icon-waibukejian
  • 日志管理
    icon-rizhiguanli
  • 模版管理
    icon-mobanguanli
  • 异议处理
    icon-yiyichuli
  • 论文申报
    icon-lunwenshenbao
  • 论文设置
    icon-lunwenshezhi
  • 教学点设置
    icon-jiaoxuedianshezhi
  • 补录沉降
    icon-buluchenjiang
  • 模块设置
    icon-mokuaishezhi
  • 资料管理
    icon-ziliaoguanli
  • 集团管理
    icon-jituanguanli
  • 应用管理
    icon-yingyongguanli
  • 官网试卷
    icon-guanwangshijuan
  • 我的网课
    icon-wodewangke
  • 脚本管理
    icon-jiaobenguanli
  • 专业管理员
    icon-zhuanyeguanliyuan
  • 学生成绩
    icon-xueshengchengji
  • 服务管理
    icon-fuwuguanli
  • 代金券
    icon-daijinquan
  • 引进收费
    icon-yinjinshoufei
  • 应缴清单
    icon-yingjiaoqingdan
  • 对账单
    icon-duizhangdan
  • 商机管理
    icon-shangjiguanli
  • 企微会话存档
    icon-qiyehuihuacundang
  • 用户设置
    icon-yonghushezhi
  • 消息设置
    icon-xiaoxishezhi
  • 营销设置
    icon-yingxiaoshezhi
  • 服务市场
    icon-fuwushichang
  • 素材资源
    icon-sucaiziyuan
  • 营销玩法
    icon-yingxiaowanfa
  • 推广
    icon-tuiguang
  • 用户列表
    icon-yonghuliebiao
  • 资源管理
    icon-ziyuanguanli
  • 课程管理
    icon-kechengguanli
  • 课程包
    icon-kechengbao
  • 题库管理
    icon-tikuguanli
  • 网课市场
    icon-wangkeshichang
  • 工单
    icon-gongdan
  • 访客管理
    icon-fangkeguanli
  • 线索管理
    icon-xiansuoguanli
  • 客户管理
    icon-kehuguanli
  • 集团客户
    icon-jituankehu
  • 跟进记录
    icon-genjinjilu
  • 呼叫管理
    icon-hujiaoguanli
  • 工作台
    icon-gongzuotai
  • 数据报表
    icon-shujubaobiao
  • 访客报表
    icon-fangkebaobiao
  • 账簿管理
    icon-zhangbuguanli
  • 账簿管理_子系统
    icon-zhangbuguanli_zi
  • 账簿管理_子系统
    icon-zhangbuguanli_zixitong_A
  • 合同管理
    icon-hetongguanli
  • 运营者管理
    icon-yunyingzheguanli
  • 招聘管理
    icon-zhaopinguanli
  • 工资管理
    icon-gongziguanli
  • 我的审批
    icon-wodeshenpi
  • 标准模版设置
    icon-biaozhunmobanshezhi
  • 基础设置
    icon-jichushezhi
  • 财务设置
    icon-caiwushezhi
  • 产品设置
    icon-chanpinshezhi
  • 审批设置
    icon-shenpishezhi
  • 目标管理
    icon-mubiaoguanli
  • 站点设置
    icon-zhandianshezhi
  • 人事设置
    icon-renshishezhi
  • CRM设置
    icon-CRMshezhi
  • 名片设置
    icon-mingpianshezhi
  • 网校设置
    icon-wangxiaoshezhi
  • 我的点评
    icon-wodedianping
  • 我的学生
    icon-wodexuesheng
  • 联系记录
    icon-lianxijilu
  • 投诉提问
    icon-tousutiwen
  • 培训计划
    icon-peixunjihua
  • 费用查询
    icon-feiyongchaxun
  • 学生缴费
    icon-jiaofei
  • 记账
    icon-jizhang
  • 查账
    icon-chaxun
  • 查账
    icon-chazhang
  • 报表
    icon-baobiao
  • 设置
    icon-shezhi
  • 招生报表
    icon-daqiajilu
  • 打卡记录
    icon-wangluobanji
  • 网络班级
    icon-wangxiaoshezhi1
  • 小程序
    icon-houtaishezhi
  • 后台设置
    icon-zhaoshengshezhi
  • 招生设置
    icon-xiaoxizhongxin
  • 消息中心
    icon-zhaoshengbaobiao
  • 菜单管理
    icon-caidanguanli
  • 创建系统
    icon-chuangjianxitong
  • 工单管理
    icon-gongdanguanli
  • 短信
    icon-duanxin
  • 帮助中心
    icon-bangzhuzhongxin

font-class 引用


font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。

与 Unicode 使用方式相比,具有如下特点:

  • 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
  • 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。

使用步骤如下:

第一步:引入项目下面生成的 fontclass 代码:

<link rel="stylesheet" href="./iconfont.css">

第二步:挑选相应图标并获取类名,应用于页面:

<span class="iconfont icon-xxx"></span>

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