IconFont 图标
-
日历
-
用户
-
返回
-
delete
-
编辑
-
方块
-
减
-
退出
-
侧边05
-
加
-
右箭头
-
图表 折线图
-
home
-
信息
-
箭头向下
-
更新
-
向下箭头
-
清理
-
存
-
二维码
-
粘贴
-
导入
-
复制链接
-
项目申报
-
left
-
right
-
名片
-
确认合同 确认 合同 确定
-
查询
-
用户
-
三角
-
日历
-
实名
-
周报
-
勾
-
配置管理
-
12万元申报
-
关注
-
审核
-
关注
-
纳税申报
-
交通银行
-
box
-
032.用户切换
-
申报管理-A表
-
error
-
申请
-
QQ
-
选择
-
status-right
-
企业直报
-
报
-
中国邮政储蓄
-
中国建设银行
-
切换
-
App-舱单确报
-
开票
-
error
-
浦发银行
-
认证
-
报
-
兴业银行
-
农业银行
-
中国银行
-
招商银行
-
税务申报
-
切换用户
-
status-fai
-
工商银行
-
缴款(细)
-
进度填报
-
三角
-
复制
-
箭头下
-
用户
-
资源管理
-
箭头上
-
ios
-
android
-
微信
-
新增
-
删除
-
关闭
-
箭头右
-
用户管理
-
应用管理
-
点击
-
素材
-
光大银行
-
民生银行
-
status-edit
-
警报发送
-
进
-
销
-
房租
-
备品_领用管理
-
过期
-
钱
-
申报表查询打印
-
企业微信图标
-
搜索
-
微信
-
微信
-
右上角筛选
-
B类企业所得税申报
-
小规模增值税发票
-
票种核定信息
-
越限异常查询
-
备案
-
扣除
-
所有
-
查询管理
-
箭头 左双-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"。