IconFont 图标
-
订单
-
充值
-
上三角
-
社区
-
cart
-
任务
-
账户充值
-
icon_商品分类
-
产品
-
右
-
左
-
出价竞拍
-
menu
-
minus
-
plus
-
unfold
-
top
-
home
-
评论
-
留言板
-
用户
-
全部
-
search
-
fold
-
轻松收货
-
关闭
-
文章
-
主题排行
-
热门产品
-
关于
-
user
-
product
-
育心日记本
-
11 home
-
上传
-
分享
-
phone
-
返回
-
拍照
-
我的店铺
-
search
-
注销
-
逛街
-
收支明细
-
手机
-
写评论
-
手
-
菜单
-
消息D
-
消息提醒
-
icon_Write
-
雨滴3
-
enclosure
-
map
-
赞
-
账单付费
-
user
-
兑换订单
-
商家名称
-
修改密码
-
外卖
-
兼职招聘
-
便民工具
-
国内配送
-
星星
-
评论
-
更多信息
-
时间
-
评论
-
下拉三角
-
奖杯
-
icon_约跳聊天
-
便民
-
热门主题
-
保存
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）需要修改为你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。