IconFont 图标
-
总体态势
-
duigou
-
粘贴
-
插入水平线
-
待办服务请求
-
地点
-
复制
-
平台服务
-
清除
-
浏览
-
电话
-
gantan
-
评分卡管理
-
公告
-
搜索
-
知识库
-
倾斜
-
列表
-
向左滑动2
-
事件触发
-
添加
-
五角星
-
查看
-
导出
-
链接
-
评论
-
收起
-
登录
-
下拉
-
流程
-
处理
-
加粗
-
全屏
-
删除
-
插入特殊符号
-
图片
-
撤销
-
错
-
插入
-
剪切 (2)
-
已接单
-
区域
-
评分五角星
-
网络故障报修
-
删除
-
上传
-
展开
-
更多
-
暂停
-
订单缺省页-01
-
撤回
-
巡检
-
逾期信修
-
分类
-
审核通过
-
菜单
-
时间选择
-
打印
-
人员接听链接添加
-
断开链接
-
热点事件管理
-
我的消息_帖子
-
系统管理
-
排行
-
关闭
-
删除
-
列表
-
源码应用
-
表格
-
交易关闭
-
删除线
-
排班管理
-
拼写检查
-
评论次数
-
录音
-
报表
-
待我处理的-工单
-
修改
-
审核
-
新建工单
-
审核
-
修改
-
运维
-
开始
-
巡检手册
-
添加人员
-
编辑
-
通过
-
运行月统计
-
知识库
-
编号列表
-
下 拉
-
正常
-
向左
-
组织机构
-
资源点运维
-
报表
-
向左
-
已逾期
-
组织角色
-
向左
-
问好
-
用户详情下拉
-
问好
-
电话 (信号)
-
电话 (音符)
-
电话 (置前)
-
电话 (置后)
-
电话 (信号)
-
电话 (接通)
-
电话 (拒接)
-
知识库
-
展开
-
周统计
unicode引用
unicode是字体在网页端最原始的应用方式，特点是：
- 兼容性最好，支持ie6+，及所有现代浏览器。
- 支持按字体的方式去动态调整图标大小，颜色等等。
- 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。
注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式
unicode使用步骤如下：
第一步：拷贝项目下面生成的font-face
@font-face {
font-family: 'iconfont';
src: url('iconfont.eot');
src: url('iconfont.eot?#iefix') format('embedded-opentype'),
url('iconfont.woff') format('woff'),
url('iconfont.ttf') format('truetype'),
url('iconfont.svg#iconfont') format('svg');
}
第二步：定义使用iconfont的样式
.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
第三步：挑选相应图标并获取字体编码，应用于页面
<i class="iconfont">3</i>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。