IconFont 图标
-
用户.icon-yonghu
-
首页.icon-shouye
-
task-request.icon-taskrequest
-
edit.icon-edit
-
库存.icon-kucun
-
tab-dict.icon-tabdict
-
系统管理.icon-xitongguanli
-
集体面试.icon-jitimianshi
-
消息通知.icon-xiaoxitongzhi
-
功能.icon-gongneng
-
开始测试.icon-iconfontbofanganniu
-
会议室.icon-huiyishi
-
14督办.icon-14duban
-
收缩.icon-shousuo
-
停止.icon-tingzhi
-
拒绝.icon-jujue
-
delete.icon-delete
-
流程管理.icon-procedures
-
费用.icon-money
-
负责人.icon-fuzeren
-
公文管理.icon-gongwenguanli
-
会议申请.icon-huiyishenqing
-
新闻.icon-xinwen
-
组织结构.icon-zuzhijiegou
-
历史.icon-lishi
-
user.icon-user
-
汇总查询.icon-huizongchaxun
-
申请.icon-shenqing
-
configure.icon-configure
-
办公.icon-bangong
-
收件箱.icon-jinlingyingcaiwangtubiao77
-
发件箱.icon-jinlingyingcaiwangtubiao78
-
操作日志.icon-caozuorizhi
-
iconfont-oa.icon-iconfontbangongzidonghua
-
报销.icon-baoxiao
-
statistics.icon-statistics
-
展开.icon-unfold
-
附件.icon-fujian
-
模块.icon-iconfontmokuaiguanli
-
exit.icon-exit
-
项目.icon-xiangmu
-
职位.icon-zhiwei
-
edit.icon-edit1
-
system.icon-system
-
模板.icon-moban
-
因公用车.icon-iconfontautochishi
-
行政.icon-xingzheng
-
分类.icon-fenlei
-
计划.icon-jihua
-
购物车.icon-gouwuche
-
company add.icon-iconfonticonfontweibiaoti10156
-
下载.icon-xiazai
-
schedule.icon-schedule
-
委托.icon-weituo
-
查看.icon-shape
-
申请新流程.icon-shenqingxinliucheng
-
aPersonaldata.icon-apersonaldata
-
人脉(选中).icon-iconfontrenmaion
-
document.icon-document
-
hardware.icon-hardware
-
绩效.icon-jixiao
-
招聘.icon-zhaopin
-
查询.icon-wanggexinxi05
-
完成.icon-wancheng
-
安全保障.icon-xingzhuang40
-
印章.icon-yinzhang
-
info.icon-info
-
进度.icon-jindu
-
save.icon-save
-
history.icon-history1
-
机构.icon-jigou
-
通知入职.icon-tongzhiruzhiicon
-
bbg_设置密码.icon-bbgshezhimima
-
公告.icon-gonggao
-
history.icon-history
-
招聘.icon-zhaopin1
-
award.icon-award
-
items.icon-items
-
禁止.icon-o2
-
人事行政.icon-renshixingzheng
-
计划.icon-jihua1
-
应用.icon-yingyong
-
区域.icon-quyu
-
配置.icon-peizhi
-
汇报.icon-huibao
-
流程.icon-liucheng
-
个人借款 借款.icon-gerenjiekuanjiekuan
-
角色管理.icon-jiaoseguanli
-
工作流查询.icon-gongzuoliuchaxun
-
mould-choice.icon-mouldchoice
-
icon_启用-01.icon-iconqiyong01
-
icon_延期-01.icon-iconyanqi01
-
密码重置.icon-mimazhongzhi
-
组织管理.icon-zuzhiguanli
-
查看.icon-look
-
refresh.icon-refresh
-
add.icon-add1
-
添加用户.icon-tianjiayonghu
-
报销.icon-baoxiao1
-
合同.icon-hetong1
-
部门.icon-bumen
-
新闻公告.icon-xinwengonggao
-
待办.icon-daiban-copy
-
使用中2.icon-shiyongzhong2
-
权限.icon-quanxian
-
01权限管理-02.icon-01quanxianguanli01
-
会议室.icon-huiyishi1
-
查看数据.icon-chakanshuju
-
角色管理.icon-jiaoseguanli1
-
总结评估1.icon-zongjiepinggu1
-
developer.icon-kaifa
-
审批.icon-cf-c15
-
权限角色.icon-cf-c27
-
演讲.icon-yanjiang1
-
tsb_statistics_ico.icon-statisticsico
-
用户管理.icon-yonghuguanli
-
权限管理.icon-quanxianguanli
-
week.icon-week
-
自定义-流程管理.icon-09liuchengguanli
-
自定义-组织结构.icon-24zuzhijiegou
-
接收.icon-jieshou
-
应聘.icon-art-recruit-candidate
-
reset.icon-reset
-
student.icon-student1
-
任务.icon-renwu
-
撤销.icon-chexiao
-
Subtotal.icon-subtotal
-
上传.icon-shangchuan-copy
-
部门.icon-bumen1
-
计划管理.icon-jihuaguanli
-
icon_major5.2.icon-iconmajor52
-
进度查询.icon-jinduchaxun
-
icon_company_information-01.icon-iconcompanyinformation01
-
个人.icon-geren
-
查询.icon-chaxun
-
任务.icon-renwu1
-
raxicon_查询统计.icon-raxiconchaxuntongji
-
失败.icon-shibai
-
出差.icon-chucha
-
标识类_计划模板.icon-biaoshileijihuamoban
-
student.icon-student
-
借款.icon-jiekuan
-
template.icon-template
-
enroll.icon-73
-
teacher.icon-teacher
-
icon_audit.icon-icon_audit
-
icon-function-manager.icon-icon-function-manager
-
system.icon-system1
-
pc_competition.icon-pc_competition
-
enterprise.icon-enterprise
-
computer.icon-computer
-
企业信息.icon-art-system-company
-
state.icon-state
-
dbaudit数据库审计.icon-dbauditshujukushenji
-
工作类别-01.icon-art-system-function
-
Student.icon-Student
-
data statistics.icon-datastatistics
-
management-recruitin.icon-management-recruitin
-
scientific research.icon-scientificresearch
-
temporary.icon-yy-temporary
-
个人简历.icon-gerenjianli
-
专业课程.icon-art-system-major
-
research.icon-research
-
招聘.icon-art-recruit-recruit
-
树木.icon-shumu
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"。