IconFont 图标
-
上传
-
音乐
-
标签
-
节日
-
计时器
-
平板电脑
-
轮胎
-
剪刀
-
显示器
-
照相机
-
单反相机
-
打印机
-
网站主
-
插件
-
排序
-
向左
-
向上
-
向右
-
节日
-
微笑
-
吃惊
-
呆
-
耍酷
-
魔鬼
-
尴尬
-
亲
-
怒
-
眨眼
-
生气
-
骂
-
鄙视
-
卖萌
-
惊呆
-
晕
-
首页
-
搜索
-
分享
-
表情
-
物流
-
店铺
-
撤销
-
重做
-
赞扬
-
批评
-
语音
-
购物车
-
位置
-
哭脸
-
下载
-
购物车满
-
购物车空
-
录音
-
html
-
css
-
安卓
-
github
-
html5
-
皇冠
-
cmstop新闻
-
切换器右
-
切换器左
-
图片
-
输入
-
电梯联系客服向右
-
人人网
-
腾讯微博
-
返回
-
排序
-
匿名
-
添加
-
管理员
-
选中
-
未选中
-
向下
-
向上
-
喜欢
-
向右
-
上一首
-
下一首
-
微信
-
停用
-
启用
-
选择商品对勾
-
减号
-
user
-
已关注
-
更多
-
评论
-
柱状统计
-
喜欢
-
bbg_上架
-
保存
-
公司
-
系统管理
-
衣服
-
列表
-
通知管理
-
皇冠
-
用户ID
-
QC管理
-
下载
-
问题管理
-
出库管理
-
图片
-
温州银行
-
统计管理
-
分类
-
扫一扫，猫客
-
搜索，猫客
-
图文详情
-
累计评价
-
合同管理
-
项目统计
-
全部订单
-
收藏商品
-
消息
-
任务管理
-
关注-更多操作
-
证照管理
-
发布
-
审核不通过
-
qq
-
上传
-
添加
-
解锁
-
中图模式
-
大图模式
-
表情
-
换一批
-
时间
-
问题反馈
-
修改or意见
-
朋友圈
-
点赞
-
返回8
-
返回7
-
返回6
-
返回5
-
更多
-
收藏-选中
-
收藏
-
合同管理
-
资金管理
-
微博
-
消息管理
-
icon统计
-
信用卡还款
-
home
-
user
-
日志
-
列表页面
-
SIM卡
-
停止
-
未预约
-
添加用户
-
copy
-
file
-
豆瓣
-
CN_zhihu
-
导出
-
导入
-
未选
-
电话
-
bold
-
物流管理
-
编辑
-
删除
-
对勾
-
重启
-
用户头像
-
删除
-
编辑
-
暂停
-
苹果
-
光大银行
-
民生银行
-
iconfont-下架
-
管理
-
用户2
-
code
-
cut
-
link
-
new
-
ordered-list
-
unordered-list
-
QQ空间
-
锁定
-
电话
-
订单
-
数据统计
-
删除
-
添加
-
旅游资讯-更多
-
图标2_橡皮擦
-
密码 钥匙
-
3.1语音-选中
-
3.1语音
-
3.1关闭
-
3.1选择
-
3.1选中
-
3.1已关注店铺
-
3.1分享
-
3.1转发
-
3.1多云
-
3.1霾
-
3.1晴
-
3.1雾
-
3.1雪
-
3.1阴
-
3.1雨
-
3.1待评价
-
3.1会员卡
-
3.1积分
-
3.1优惠券
-
3.1红包
-
3.1购物车-选中
-
3.1购物车
-
3.1-降价
-
礼物 活动
-
3.1-剪裁
-
3.1-旋转
-
大图模式
-
列表模式
-
中图模式
-
火热
-
3.1拍摄
-
3.1-热销
-
3.1-上新
-
3.1-消息
-
3.1产品参数
-
3.1电话
-
3.1定位
-
3.1优惠券
-
3.1 二维码
-
3.1 会员
-
3.1提示
-
3.1-订阅
-
italic
-
预览
-
客户管理
-
所有商品
-
3.1-排行榜
-
青岛银行
-
3.1-客服
-
背景管理
-
未勾选
-
高挡墙
-
审核不通过
-
审核通过
-
数据统计
-
启用
-
建设银行
-
随你后台-网站
-
微信支付
-
支付宝支付
-
北京银行
-
广东发展银行
-
招商银行
-
浙商银行
-
中国农业银行
-
成都银行
-
更多
-
播放
-
更多
-
text-height
-
text-width
-
underline
-
star
-
star-half
-
star-half-empty
-
star-o
-
font
-
杭州银行
-
交通银行
-
更多
-
个人中心
-
关闭
-
关于
-
手机版
-
搜索
-
我的评价
-
已读
-
用户反馈
-
执业证
-
align-center
-
align-justify
-
align-left
-
align-right
-
paste
-
支付宝支付
-
浦发银行
-
工商银行
-
华夏银行
-
邮政银行
-
中国银行
-
中信银行
-
上海银行
-
版主
-
阅读
-
阅读
-
电源
-
模版
-
qq
-
钱包
-
批评
-
钱包
-
支付宝支付
-
clock
-
竞价
-
微信
-
支付宝支付
-
微信 支付
-
QQ
-
钱包
-
微信
-
支付宝支付
unicode引用
unicode是字体在网页端最原始的应用方式，特点是：
- 兼容性最好，支持ie6+，及所有现代浏览器。
- 支持按字体的方式去动态调整图标大小，颜色等等。
- 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。
注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式
unicode使用步骤如下：
第一步：拷贝项目下面生成的font-face
@font-face {
font-family: 'Hui-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#Hui-iconfont') format('svg');
}
第二步：定义使用iconfont的样式
.Hui-iconfont{
font-family:"Hui-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="Hui-iconfont">3</i>"Hui-iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。