IconFont 图标
-
齿轮
-
错误
-
倒序
-
电话
-
电源
-
对勾
-
房子
-
放大镜
-
放大镜2
-
分享
-
钢笔
-
关闭
-
关闭2
-
加号
-
加号2
-
减号
-
开关
-
垃圾箱
-
铅笔
-
日历
-
完成
-
下拉
-
笑脸
-
信息组
-
星号
-
右向
-
沙漏
-
书册
-
刷新
-
星号2
-
星号旗
-
一体机
-
用户组
-
右向2
-
运行
-
折箭头
-
正序
-
钟表
-
资讯
-
字母T
-
组织
-
参照
-
打印
-
导入
-
更多
-
更多信息
-
公文包
-
关闭
-
汉堡
-
箭头下
-
奖牌
-
解锁
-
单位
-
感叹号
-
扩展
-
破折号
-
人员类别
-
日历
-
日期设置
-
上箭头
-
省略号
-
视频
-
手机
-
手机1
-
双箭头
-
停用
-
图表
-
图谱
-
完成
-
问号
-
相关操作
-
信息
-
业务单元
-
引号
-
右箭头
-
语音
-
云端下载
-
转发
-
转发1
-
组织架构
-
组织结构
-
Pad
-
发布
-
恢复
-
提醒
-
员工信息
-
暂停
-
班次定义
-
地点
-
合同主体
-
后引号
-
假日定义
-
考勤地点
-
离职办理
-
入职办理
-
员工入职
-
职等
-
职级
-
职级图谱
-
职位体系
-
职务类别
-
职务体系
-
NOshow
-
共享服务
-
考勤档案
-
考勤日报
-
考勤月报
-
入职手续办理
-
系统设置
-
员工假勤
-
员工休假
-
在岗状态
-
预览
-
补考勤
-
部门工作交接
-
服务
-
关闭
-
离职交接单
-
请假
-
上传
-
社保查询
-
外勤
-
我发起的
-
我审批的
-
相机
-
员工离职
-
下拉
-
离职交接项配置
-
颜色
-
星号空
-
系统消息
-
头像
-
设计
-
省略号
-
员工离职
-
问号
-
返回
-
流程历史
-
时间设置通用
-
保存
-
编辑
-
后翻
-
前翻
-
取消
-
汇报关系
-
提醒
-
箭头
-
复制
-
人员相关操作
-
入职地图
-
常见问答
-
签到
-
查薪资
-
查社保
-
任职资格
-
开证明
-
审批
-
通讯录
-
我的团队
-
组织画像
-
员工关怀
-
HR日历
-
员工理财
-
友招聘
-
基础参数
-
发送
-
钟表
-
编辑 02
-
info
unicode引用
unicode是字体在网页端最原始的应用方式,特点是:
- 兼容性最好,支持ie6+,及所有现代浏览器。
- 支持按字体的方式去动态调整图标大小,颜色等等。
- 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。
注意:新版iconfont支持多色图标,这些多色图标在unicode模式下将不能使用,如果有需求建议使用symbol的引用方式
unicode使用步骤如下:
第一步:拷贝项目下面生成的font-face
@font-face {
font-family: 'hrfont';
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#hrfont') format('svg');
}
第二步:定义使用iconfont的样式
.hrfont{
font-family:"hrfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
第三步:挑选相应图标并获取字体编码,应用于页面
<i class="hrfont">3</i>
"hrfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。