IconFont 图标
-
夜景
-
评论
-
附近
-
会员卡
-
眼睛
-
首页
-
首页
-
相机
-
定位
-
社区
-
首页
-
定位
-
会员卡
-
通知
-
vip
-
会员卡
-
设置
-
首页
-
分享
-
朋友圈
-
添加
-
评论
-
版本更新
-
定位
-
个人资料
-
通知
-
返回
-
通知
-
添加
-
分享
-
首页
-
返回
-
表情
-
眼睛
-
我
-
添加
-
添加
-
朋友圈
-
朋友圈
-
朋友圈2
-
扫描
-
维护
-
首页
-
分享
-
评论
-
功能扩展
-
评论
-
D-
-
好友
-
定位
-
社区-首页
-
社区-社区
-
系统升级
-
功能
-
通知
-
评论
-
我1
-
踩
-
踩
-
好友圈
-
评论
-
社区贴吧
-
调查问卷
-
发现图片
-
添加
-
返回
-
赞
-
好友
-
设置
-
功能建议
-
sms
-
定位
-
保存
-
添加
-
分享
-
朋友圈-01
-
朋友圈-01
-
朋友圈
-
首页
-
个人资料
-
朋友圈
-
定位
-
分享
-
47通讯录
-
设置
-
实心位置签到
-
数据维护
-
qrcode
-
分享
-
定位
-
好友
-
评论
-
分享
-
定位
-
单圆微笑
-
踩,鄙视
-
定位
-
new
-
赞
-
微信
-
功能
-
评论
-
添加
-
返回
-
评论
-
会员卡
-
我
-
分享
-
话费
-
首页
-
活动
-
收藏
-
我的
-
零食
-
购物
-
定位
-
通知
-
设置
-
功能
-
零食饮料
-
分享
-
分类or广场or其他
-
好友邀请
-
添加
-
首页_首页
-
商城
-
分享
-
添加
-
我的问卷
-
特价
-
首页
-
朋友圈2
-
已是好友
-
共同好友
-
好友请求
-
通知
-
空间
-
设置
-
好友
-
返回
-
定位
-
赞
-
通知
-
会员卡
-
首页
-
餐厅
-
我创建的
-
我关注的
-
收藏
-
赞
-
NEW
-
个人资料
-
QQ
-
通讯录
-
首页
-
广场
-
我
-
会员卡
-
朋友圈
-
社区
-
新浪
-
首页
-
添加
-
添加
-
qq
-
分享
-
个人资料
-
编辑问卷
-
小花儿-微笑
-
扫一扫
-
aj_新浪
-
问卷
-
我
-
分享
-
3.1会员卡
-
样板社区
-
朋友圈
-
购物
-
好友
-
定位
-
设置
-
相机
-
我(未激活)
-
设置
-
特价
-
个人资料
-
版本更新
-
个人资料
-
个人资料
-
问卷
-
问卷
-
版本更新
-
新浪
-
评论
-
定位
-
我的
-
扫码
-
个人资料
-
通用
-
评论
-
评论
-
chevron-left
-
评论
-
意见反馈
-
tag_特价
-
餐饮
-
签到
-
余额
-
评论
-
通知
-
店家
-
我的
-
返回
-
微信
-
社区灰
-
chevron-right
-
商城
-
眼睛
-
朋友圈
-
点餐
-
表情-难过
-
朋友圈
-
评论
-
店铺
-
首页
-
QQ
-
定位
-
通知
-
个人资料
-
@我
-
社区
-
PC-功能导航
-
briefcase
-
bubble
-
bullhorn
-
camera
-
camera-video
-
checkmark-circle
-
chevron-down-circle
-
chevron-left-circle
-
chevron-right-circle
-
chevron-up-circle
-
circle-minus
-
cross-circle
-
sad
-
screen
-
shirt
-
smartphone
-
smile
-
star
-
sun
-
sync
-
text-align-center
-
text-align-justify
-
text-align-left
-
text-align-right
-
thumbs-down
-
thumbs-up
-
undo
-
user
-
功能介绍
-
餐饮
-
好友
-
发现
-
微信
-
首页
-
通讯录
-
评论
-
社区贴吧-01
-
定位
-
好友
-
零食
-
路径定位
-
发现
-
返回
-
定位
-
版本更新
-
发现
-
推荐
-
发现
-
朋友圈
-
朋友圈
-
通讯录
-
要请好友
-
朋友圈
-
返回
-
我
-
WIFI 我fi
-
积分
-
广场_square161
-
分享
-
社区
-
首页-默认
-
定位
-
关于
-
micb-queding
-
micb-queding_m
-
零食
-
icon-通讯录
-
锁
-
账号安全
-
附近
-
分享
-
我
-
定位开始
-
添加
-
我的会员卡
-
添加
-
添加
-
我的
-
添加
-
好友
-
签到
-
个人资料
-
扫一扫二维码
-
朋友圈
-
广场_square159
-
广场
-
难过
-
分享
-
发现
-
定位
-
首页
-
日志
-
社区
-
通讯录
-
通知
-
功能
-
功能2
-
功能_智能节能
-
我收藏的-空
-
添加
-
朋友圈
-
定位
-
返回
-
好友通讯录
-
bigbig-定位
-
扫一扫
-
分享
-
我
-
dialogue-1
-
圈点
-
ICON_search
-
朋友圈2
-
D
-
账号安全
-
icon-足迹签到
-
12.31通讯录
-
我
-
dialogue
-
016-camera
-
发现b
-
idcard_1e
-
idcard_2f
-
more_verticle
-
我的签名
-
特价
-
发现a
-
特价
-
返回
-
清理
-
附近
-
客服
-
购物
-
贴
-
whb_手机绑定
-
扫一扫
-
点餐
-
扫一扫
-
发现
-
发现-亮
-
弹性升级
-
签到图标
-
消息
-
通讯录
-
消息
-
我
-
附近客户
-
D
-
发现
-
通讯录
-
交易
-
我的-账号安全
-
维护
-
点子圈
-
积分
-
创意社区
-
食品
-
店中店
-
水圈
-
交易中
-
余额
-
特惠价
-
打折
-
折
-
圈子1
-
清理
-
特价
-
手机绑定
-
签字
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"。