IconFont 图标
-
管理员.icon-guanliyuan
-
网站设置.icon-wangzhanshezhi
-
网站管理.icon-wangzhanguanli
-
忙碌-im.icon-mangluim
-
系统服务.icon-msnui-sys-service
-
系统设置.icon-msnui-sys-set
-
设备审核.icon-msnui-audit
-
状态-忙碌.icon-msnui-state-busy
-
通话记录.icon-tonghuajilu
-
版本更新.icon-banbengengxin
-
项目1.icon-xiangmu1
-
问卷管理.icon-wenjuanguanli
-
2 在线客服 白.icon-kefu01
-
客服.icon-kefu
-
维修.icon-weixiu
-
系统管理.icon-xitongguanli
-
通话记录.icon-tonghuajilu1
-
数据.icon-iconset0357
-
数据.icon-iconset0358
-
客服.icon-kefu1
-
统计分析.icon-tongjifenxi
-
知识库.icon-weibiaoti9
-
网站.icon-msnui-website
-
通话.icon-tonghua
-
用户.icon-yonghu
-
项目申报.icon-xiangmushenbaoguanli
-
客服.icon-wodekefu
-
溯源质检保障.icon-suyuanzhijianbz
-
系统运维-文件夹02.icon-xitongyunweiwenjianjia02
-
报修.icon-baoxiu
-
电话.icon-dianhua
-
app.icon-app
-
调查问卷.icon-diaochawenjuan
-
路径分析.icon-lujingfenxi
-
电话 (4).icon-dianhua4
-
APP(1).icon-app1
-
数据.icon-shuju
-
正在维修的工单.icon-zhengzaiweixiudegongdan
-
维修工管理.icon-weixiugongguanli
-
通话时间.icon-tonghuashijian
-
统计分析.icon-tongjifenxi1
-
客服.icon-service
-
客服.icon-kefu2
-
报表分析.icon-baobiaofenxi
-
已报修.icon-yibaoxiu
-
版本升级.icon-banbenshengji
-
知识库.icon-zhishiku
-
多方通话.icon-duofangtonghua
-
版本更新.icon-banbengengxin1
-
运维管理.icon-yunweiguanli
-
数据.icon-shuju1
-
项目到期.icon-xiangmudaoqi
-
app.icon-app2
-
知识库.icon-zhishiku1
-
项目成员.icon-chengyuan
-
维修申请.icon-weixiushenqing
-
报表 表尾管理.icon-baobiaobiaoweiguanli
-
16运维管理.icon-yunweiguanli1
-
19运维管理.icon-yunweiguanli2
-
设备.icon-shebei
-
调查问卷.icon-tiaochawenjuan
-
质检.icon-quality
-
设备管理.icon-icon
-
设备清单.icon-icon1
-
设备管理.icon-icon2
-
user.icon-user
-
维修工.icon-xinxinicon
-
项目类型.icon-xiangmuleixing
-
网站.icon-wangzhan
-
客服.icon-serve
-
设备型号.icon-shebeixinghao
-
设备配置.icon-shebeipeizhi
-
运维申请.icon-oper-apply
-
网站程序.icon-websiteprogrammi
-
网站,SEO,促进.icon-siteseopromot
-
nav-运维设置.icon-nav-set-oper
-
设备管理.icon-shebeiguanli
-
设备列表.icon-shebeiliebiao
-
操作-电话.icon-dianhua1
-
用户.icon-yonghu1
-
用户.icon-yonghu2
-
管理员.icon-guanliyuan1
-
设备.icon-icon-
-
APP升级.icon-APPshengji
-
项目管理.icon-xiangmuguanli
-
运维管理.icon-yunweiguanli3
-
电话 未接.icon-dianhuaweijie
-
电话 正在拨号.icon-dianhuazhengzaibohao
-
二级-运维报表.icon-erji-yunweibaobiao
-
管理员_角色管理.icon-guanliyuan_jiaoseguanli
-
项目.icon-icon-project
-
项目合同.icon-web-icon-
-
运维支持.icon-yunweizhichi
-
维修工人.icon-weixiugongren
-
问题分析.icon-wentifenxi-
-
分析.icon-fenxi
-
问卷调查.icon-wenjuantiaocha
-
APP软件开发.icon-APPruanjiankaifa
-
数据分析.icon-qianseban-
-
系统安全.icon-xitonganquan
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"。