IconFont 图标
-
全选
-
二维码
-
搜索
-
加
-
减
-
手机
-
热门
-
链接
-
密码
-
邮箱
-
windows
-
会员
-
大数据
-
电脑版
-
推荐
-
皇冠
-
主页
-
认证
-
手机版
-
左
-
签到
-
订单
-
点击
-
栏目
-
开心
-
咖啡
-
条码
-
地区
-
资格证书
-
奖励
-
退出
-
红包
-
图片
-
暂停
-
钻石
-
基础设置
-
发现
-
刷新
-
佣金
-
分享
-
打印
-
vip
-
修改
-
消息
-
身份认证
-
定位
-
电话 (1)
-
共享
-
区域
-
待收货
-
商品
-
商户
-
网站
-
推荐人
-
中文
-
银行卡
-
验证码
-
赠送
-
定时
-
安卓
-
结算
-
提现
-
未打款
-
已打款
-
银行
-
下
-
扫描
-
聊天
-
购物
-
类别
-
余额
-
中国银行
-
更新
-
客服
-
上
-
云
-
大小
-
诊断
-
难过
-
失败
-
商家
-
加载
-
评价
-
传真
-
统计
-
支付
-
统计
-
金币
-
会员卡
-
信号
-
微博
-
编辑
-
订阅
-
表格
-
成功
-
取消
-
建设银行
-
浦发银行
-
报警
-
上传
-
交通银行
-
资料
-
清除
-
APP
-
光大银行
-
仓库
-
错误
-
查询
-
审核
-
作者
-
平安银行
-
文件
-
退回
-
帮助
-
华夏银行
-
右
-
错误
-
列表
-
ppt
-
QQ
-
云硬盘
-
农业银行
-
乘号
-
证书
-
分析
-
最高速度
-
复制
-
开始
-
备案
-
指纹
-
减少
-
注册
-
活动
-
批量
-
禁止
-
查看
-
剪切
-
代理商
-
工商银行
-
充值
-
兴业银行
-
合同
-
优惠券
-
设置
-
确定
-
打开
-
ios
-
折扣
-
广发银行
-
中信银行
-
隐藏
-
积分
-
价格
-
收银
-
日历
-
招商银行
-
支付宝
-
待发货
-
限制
-
交易
-
提示
-
处理中
-
标签
-
成员
-
返回
-
通知
-
Excel
-
时间
-
下载
-
微信
-
word
-
删除
-
登录
-
结束
-
收 藏
-
英文
-
浏览
-
兑换
-
无数据
-
版本
-
管理员
-
除
-
异常
-
收入
-
微信 支付
-
公安
-
民生银行
-
处理中
-
冻结
-
页面
-
添加
-
信用卡-我的
-
线上
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"。