IconFont 图标
-
返回
-
定位
-
返回
-
支付方式
-
举报
-
配送方式
-
票
-
详址
-
粘贴
-
粘贴
-
常用信息
-
客服
-
我的
-
无选择
-
姓名
-
选择
-
询价采购
-
询价单信息
-
直供
-
钩
-
购物车
-
盒子打开
-
盒子关闭
-
结算
-
配件详情
-
首页
-
图片
-
图片-关闭
-
图片-展开
-
公司
-
电话
-
热门车型
-
搜索
-
vin拍照
-
保险下单
-
地标
-
精米公告
-
历史车型
-
配件品牌
-
删除
-
删除1
-
标题前装饰
-
加号
-
添加配件
-
减号
-
竖线
-
关闭
-
车型
-
向上
-
修改密码
-
暂存
-
常用信息
-
待报价
-
待发货
-
待付款
-
待收货
-
全部订单
-
退换货
-
未报价
-
已报价
-
人物
-
日历
-
修改
-
默认
-
勾
-
加
-
添加联系人
-
无选择-购买详情
-
选择-购买详情
-
我的订单
-
成功-勾
-
漏斗
-
现
-
保险下单1(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)需要修改为你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。