IconFont 图标
-
全部订单.icon-quanbudingdan
-
pdf.icon-pdf
-
年份切换向左.icon-title-left
-
book.icon-book
-
圆圈.icon-yuanquan
-
数据库.icon-shujuku
-
邮箱.icon-youxiang
-
未完成.icon-weiwancheng
-
del.icon-del
-
发布.icon-fabu
-
下一个.icon-xia
-
发送.icon-ttpodicon
-
邮件.icon-22
-
信息.icon-information
-
换一换.icon-huanyihuan
-
铃铛.icon-lingdang
-
文件夹3.icon-wenjianjia3
-
新增任务.icon-xinzengrenwu
-
供应商管理.icon-gongyingshangguanli
-
收藏供应商.icon-shoucanggongyingshang
-
新增供应商.icon-xinzenggongyingshang
-
供应商设置.icon-icon
-
下载.icon-xiazai
-
验证码.icon-yanzhengma
-
物料管理-.icon-wuliaoguanli
-
钢厂2.icon-gangchang2
-
不锈钢4.icon-buxiugang4
-
55业务申请归档.icon-55yewushenqingguidang
-
56公文申请归档.icon-56gongwenshenqingguidang
-
57其他申请归档.icon-57qitashenqingguidang
-
redo-outline.icon-redooutline
-
返回.icon-fanhui
-
商务合作.icon-01
-
运行完成.icon-yunxingwancheng
-
撤销.icon-chexiao
-
搜索.icon-sousuo
-
人员添加.icon-renyuantianjia
-
订单合同.icon-dingdanhetong
-
记录.icon-jilu
-
任务.icon-renwu
-
待办.icon-daiban
-
供求对话.icon-gongqiuduihua
-
刷新.icon-shuaxin
-
list.icon-list
-
del.icon-del1
-
用户.icon-yonghu
-
收到的申请.icon-iconfont05
-
退出.icon-tuichu
-
553-组织架构.icon-553zuzhijiagou
-
返回.icon-fanhui1
-
向右.icon-xiangyou
-
人员管理2.icon-renyuanguanli2
-
更多.icon-xiao21
-
1.icon-1
-
3.icon-3
-
md_流程.icon-mdliucheng
-
导出Excel.icon-iconfontdaochuexcel
-
发件箱.icon-jinlingyingcaiwangtubiao98
-
筛选_jammy.icon-45354354
-
720草稿箱.icon-720caogaoxiang
-
移除.icon-iconyichu01
-
添加.icon-icontianjia01
-
关闭.icon-guanbi
-
绩效.icon-jixiao
-
开发图.icon-guanwangicon64
-
成功.icon-chenggong
-
筛选.icon-shaixuan
-
样.icon-iconfonticon
-
商务合作.icon-shangwuhezuo
-
2.icon-2
-
4.icon-4
-
5.icon-5
-
个人设置.icon-gerenshezhi
-
收件箱.icon-shoujianxiang
-
对勾.icon-duigou
-
icon-确认.icon-iconqueren
-
导出3.icon-daochu3
-
设计图纸.icon-shejituzhi
-
关闭.icon-guanbi1
-
向上.icon-xiangshang01
-
密码.icon-mima
-
comments.icon-comments
-
竞拍单据.icon-jingpaidanju
-
发布.icon-fabu1
-
file-excel.icon-excel
-
file-word.icon-word
-
待收货.icon-daishouhuo
-
向左.icon-xiangzuo
-
楼盘.icon-loupan
-
用户.icon-yonghu1
-
邀请好友 朋友 合作伙伴.icon-yaoqinghaoyoupengyou3
-
待收货.icon-daishouhuo1
-
供应商管理.icon-gongyingshangguanli1
-
导出.icon-daochu
-
key.icon-key
-
shapes.icon-shapes
-
向右箭头.icon-right-arrow
-
向右.icon-xiangyou1
-
删除.icon-shanchu
-
财务统计.icon-caiwutongji
-
宝典.icon-weibiaoti1
-
招投标.icon-zhaotoubiao
-
招标.icon-zhaobiao
-
供应商.icon-gongyingshang
-
扫码.icon-saoma
-
邮件.icon-youjian
-
评.icon-ping
-
缩小.icon-suoxiao
-
日程.icon-richeng
-
服务中心~-工厂认证.icon-fuwuzhongxingongchangrenzheng
-
供应商看板.icon-gongyingshangkanban
-
订单.icon-dingdan
-
企业终止.icon-qiyezhongzhi
-
供应商管理.icon-gongyingshangguanli2
-
现场考核.icon-xianchangkaohe
-
图片.icon-tupian
-
测评.icon-ceping
-
调查问卷.icon-diaochawenjuan
-
交谈.icon-96
-
组 group.icon-zugroup
-
删除.icon-shanchu1
-
删除.icon-shanchu2
-
同步.icon-tongbu
-
titlebar-菜单.icon-titlebarcaidan
-
flag.icon-flag
-
iconfont-pdf.icon-iconfontpdf
-
最大化.icon-zuidahua
-
询价.icon-xunjia
-
move-down.icon-movedown
-
move-up.icon-moveup
-
保存.icon-baocun
-
收到询价.icon-shoudaoxunjia
-
订单管理.icon-dingdanguanli
-
服务商认证.icon-fuwushangrenzheng
-
保存.icon-baocun1
-
品牌授权.icon-pinpaishouquan
-
数据配置.icon-icon9
-
待处理.icon-daichuli
-
询价.icon-xunjia1
-
底部导航公告-未选中状态.icon-notice
-
doc.icon-doc
-
xls.icon-xls
-
下移.icon-xiayi
-
上移.icon-shangyi
-
企业认证.icon-qiyerenzheng
-
多行文本.icon-multi-line-text
-
目录.icon-mulu
-
向下.icon-soliddown
-
发布.icon-fabu2
-
报表.icon-tubiao16
-
文档发布.icon-tubiao48
-
资质认证.icon-zizhirenzheng
-
标记.icon-biaoji
-
群蜂服务商.icon-qunfengfuwushang
-
新加入企业预警.icon-xinjiaruqiyeyujing
-
编辑.icon-bianji
-
内容.icon-neirong
-
系统管理.icon-xitongguanli
-
计划-01.icon-jihua01
-
教学配置.icon-jiaoxuepeizhi
-
任务.icon-renwu1
-
问号.icon-wenhao
-
发站开单.icon-fazhankaidan
-
我.icon-me-copy
-
托盘箱子.icon-tuopanxiangzi
-
返回.icon-fanhui2
-
帮助.icon-bangzhu
-
公告.icon-555
-
款易2.0-管人-邀请员工.icon-kuanyi20guanrenyaoqingyuangong
-
质量检验.icon-zhiliangjianyan
-
文件夹.icon-liucheng
-
帮助.icon-bangzhu-copy
-
锁.icon-iconset0114
-
开锁.icon-iconset0115
-
加.icon-iconset0186
-
减.icon-iconset0187
-
用户.icon-iconset01100
-
条形码.icon-iconset0256
-
下载.icon-iconset0339
-
上传.icon-iconset0340
-
经销商服务.icon-jingxiaoshangfuwu
-
权限管理.icon-quanxianguanli
-
竞技.icon-jingji
-
供应链.icon-gongyinglian
-
日志.icon-rizhi
-
online.icon-zaixianfuwu
-
导入.icon-daoru
-
日期.icon-riqi
-
应急供应分布图.icon-yingjigongyingfenbutu
-
价格采集.icon-jiagecaiji
-
绩效评估.icon-weibiaoti7
-
统计.icon-tongji
-
合作伙伴管理.icon-hezuohuobanguanli
-
筛选.icon-shaixuan1
-
待完成.icon-daiwancheng
-
总和.icon-zonghesum1
-
公司.icon-76
-
分类.icon-fenlei
-
日常业务.icon-richangyewu
-
专业团队.icon-zhuanyetuandui
-
向下.icon-solidup
-
向上.icon-xiangxia
-
年份切换向左.icon-title-right
-
新增.icon-xinzeng
-
edit.icon-edit
-
向左.icon-xiangyou2
-
向右.icon-xiangzuo1
-
灯泡.icon-dengpao
-
合同.icon-hetong
-
权限管理.icon-quanxianguanli1
-
已连接.icon-yilianjie
-
断开连接.icon-duankailianjie
-
退货(1).icon-tuihuo1
-
供应链.icon-gongyinglian1
-
合同.icon-tubiao0102
-
文件共享.icon-wenjiangongxiang
-
通过.icon-tongguo
-
定时检查.icon-dingshijiancha
-
系统管理.icon-xitongguanli1
-
竞价.icon-icon-rank
-
scan.icon-scan
-
云应用.icon-yunyingyong
-
上传.icon-shangchuan
-
审批_图章_通过.icon-weibiaoti201
-
审批_图章_未通过.icon-tuzhang02
-
供求.icon-trade
-
用户管理.icon-icon01
-
供应.icon-gong
-
潜在用户.icon-qianzaiyonghu
-
组织管理.icon-zuzhiguanli
-
打印.icon-dayin
-
员工离职.icon-cf-c19
-
新增.icon-xinzeng1
-
no.icon-no
-
20160518_网站首页_银锭icon.icon-20160518wangzhanshouyeyindingicon
-
订单.icon-dingdan1
-
供应商管理.icon-gongyingshangguanli3
-
对订单.icon-duidingdan
-
窗口1.icon-chuangkou1
-
窗口2.icon-chuangkou2
-
窗口-01.icon-chuangkou01
-
技术合作 洽谈 合作 会谈.icon-jishuhezuoqiatanhezuohuitan
-
商务合作 合作.icon-shangwuhezuohezuo
-
导出.icon-daochu1
-
新平铺-决策分析-从业人员.icon-xinpingpujuecefenxicongyerenyuan
-
物流供应-01.icon-wuliugongying01
-
信息服务-业务预警-从业人员黑名单查询.icon-xinxifuwuyewuyujingcongyerenyuanheimingdanchaxun
-
撤销.icon-chexiao1
-
未完成.icon-weiwancheng1
-
订单调度.icon-dingdandiaodu
-
重置密码.icon-zhongzhimima
-
reset.icon-reset
-
数据.icon-shuju
-
向右.icon-xiangyou3
-
剪切.icon-jianqie
-
群组.icon-qunzu
-
编辑.icon-bianji1
-
时钟.icon-shizhong
-
帮助.icon-bangzhu1
-
错误提示.icon-cuowutishi
-
业务人员初审.icon-yewurenyuanchushen
-
申请快速,采购简单.icon-shenqingkuaisucaigoujiandan
-
调查问卷.icon-diaochawenjuan1
-
计划表.icon-jihuabiao
-
换肤 (1).icon-huanfu1
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"。