IconFont 图标
-
管理员
-
网站设置
-
网站管理
-
忙碌-im
-
系统服务
-
系统设置
-
设备审核
-
状态-忙碌
-
通话记录
-
版本更新
-
项目1
-
问卷管理
-
2 在线客服 白
-
客服
-
维修
-
系统管理
-
通话记录
-
数据
-
数据
-
客服
-
统计分析
-
知识库
-
网站
-
通话
-
用户
-
项目申报
-
客服
-
溯源质检保障
-
系统运维-文件夹02
-
报修
-
电话
-
app
-
调查问卷
-
路径分析
-
电话 (4)
-
APP(1)
-
数据
-
正在维修的工单
-
维修工管理
-
通话时间
-
统计分析
-
客服
-
客服
-
报表分析
-
已报修
-
版本升级
-
知识库
-
多方通话
-
版本更新
-
运维管理
-
数据
-
项目到期
-
app
-
知识库
-
项目成员
-
维修申请
-
报表 表尾管理
-
16运维管理
-
19运维管理
-
设备
-
调查问卷
-
质检
-
设备管理
-
设备清单
-
设备管理
-
user
-
维修工
-
项目类型
-
网站
-
客服
-
设备型号
-
设备配置
-
运维申请
-
网站程序
-
网站,SEO,促进
-
nav-运维设置
-
设备管理
-
设备列表
-
操作-电话
-
用户
-
用户
-
管理员
-
设备
-
APP升级
-
项目管理
-
运维管理
-
电话 未接
-
电话 正在拨号
-
二级-运维报表
-
管理员_角色管理
-
项目
-
项目合同
-
运维支持
-
维修工人
-
问题分析
-
分析
-
问卷调查
-
APP软件开发
-
数据分析
-
系统安全
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"。