IconFont 图标
-
活动优先.icon-huodongyouxian
-
精选市场.icon-jingxuanshichang
-
输入.icon-shuru
-
天猫提示-疑问.icon-yiwen
-
分类.icon-fenlei
-
产品参数.icon-chanpincanshu
-
分享.icon-fenxiang
-
分类.icon-fenlei1
-
关注店铺.icon-guanzhudianpu
-
已关注.icon-yiguanzhu
-
店铺.icon-dianpu
-
关注.icon-guanzhu
-
我.icon-wo
-
优惠券.icon-youhuiquan
-
表情.icon-biaoqing
-
功能建议.icon-gongnengjianyi
-
换一批.icon-huanyipi
-
声波.icon-shengbo
-
问题反馈.icon-wentifankui
-
信息.icon-xinxi
-
赞.icon-zan
-
朋友圈.icon-pengyouquan
-
新浪.icon-xinlang
-
微信.icon-weixin
-
密码.icon-mima
-
二维码.icon-erweima
-
链接.icon-lianjie
-
点赞.icon-dianzan
-
收藏-选中.icon-shoucangxuanzhong
-
收藏.icon-shoucang
-
范兜儿.icon-fandouer
-
电话.icon-dianhua
-
排行.icon-paixing
-
关于我.icon-guanyuwo
-
查看.icon-chakan
-
删除.icon-shanchu
-
帮助.icon-bangzhu
-
积分.icon-jifen
-
红包.icon-hongbao
-
退款.icon-tuikuan
-
红包.icon-tuikuan1
-
Message.icon-xiaoxi
-
share.icon-fenxiang1
-
cart.icon-cart
-
home.icon-home
-
Camera.icon-camera
-
Attention.icon-attention
-
refresh.icon-shuaxin
-
查看2.icon-chakan2
-
加.icon-jia
-
减.icon-jian
-
扫码.icon-iconfontscan
-
全部订单.icon-quanbudingdan
-
设置.icon-shezhi
-
我的资产.icon-wodezichan
-
3.1收藏-选中.icon-31shoucangxuanzhong
-
3.1收藏.icon-31shoucang
-
3.1关闭.icon-31guanbi
-
3.1选择.icon-31xuanze
-
3.1关注店铺.icon-31guanzhudianpu
-
3.1选中.icon-31xuanzhong
-
3.1已关注店铺.icon-31yiguanzhudianpu
-
3.1点赞.icon-31dianzan
-
3.1店铺.icon-31dianpu
-
3.1分享.icon-31fenxiang
-
3.1转发.icon-31zhuanfa
-
3.1待发货.icon-31daifahuo
-
3.1待付款.icon-31daifukuan
-
3.1待收货.icon-31daishouhuo
-
3.1待评价.icon-31daipingjia
-
3.1退款退货.icon-tuikuantuihuo
-
3.1会员卡.icon-31huiyuanqia
-
3.1积分.icon-31jifen
-
3.1优惠券.icon-31youhuiquan
-
3.1首页-选中.icon-31shouyexuanzhong
-
礼物 活动.icon-liwuhuodong
-
3.1-范兜.icon-31fandou
-
3.1-剪裁.icon-31jiancai
-
查看.icon-chakan1
-
关闭.icon-guanbi
-
关注.icon-guanzhu1
-
火热.icon-huore
-
喇叭.icon-laba
-
3.1铃铛.icon-lingdang
-
3.1-汽车金融.icon-31qichejinrong
-
3.1-热销.icon-31rexiao
-
3.1-刷新.icon-31shuaxin
-
3.1-消息.icon-31xiaoxi
-
3.1-疑问.icon-31yiwen
-
3.1产品参数.icon-31chanpincanshu
-
3.1订单.icon-31dingdan
-
3.1定位.icon-31dingwei
-
3.1删除.icon-31shanchu
-
3.1足迹.icon-31zuji
-
3.1优惠券.icon-31hongbao
-
3.1类目.icon-31leimu
-
3.1列表.icon-31liebiao
-
3.1图文详情.icon-31tuwenxiangqing
-
3.1 保存到桌面.icon-31baocundaozhuomian
-
3.1 二维码.icon-31erweima
-
编辑.icon-bianji
-
3.1 评论.icon-31pinglun
-
3.1 签到.icon-31qiandao
-
3.1 全部商品.icon-31quanbushangpin
-
3.1 设置.icon-31shezhi
-
3.1提示.icon-31tishi
-
3.1-汽车金融.icon-31qichejinrong1
-
3.1 好友.icon-31haoyou
-
3.1-订阅.icon-dingyue
-
售后服务.icon-shouhoufuwu
-
3.1-爱车估价.icon-31aichegujia
-
3.1-搭配.icon-31dapei
-
3.1-魔搭.icon-31moda
-
3.1-排行榜.icon-31paixingbang
-
3.1-违章快查.icon-31weizhangkuaicha
-
3.1-品牌.icon-31pinpai
-
3.1-客服.icon-kefu
-
他们都用过.icon-tamenduyongguo
-
天猫国际-折扣标..icon-tianmaoguojizhekoubiao
-
支付宝.icon-zhifubao
font-class引用
font-class是unicode使用方式的一种变种,主要是解决unicode书写不直观,语意不明确的问题。
与unicode使用方式相比,具有如下特点:
- 兼容性良好,支持ie8+,及所有现代浏览器。
- 相比于unicode语意明确,书写更直观。可以很容易分辨这个icon是什么。
- 因为使用class来定义图标,所以当要替换图标时,只需要修改class里面的unicode引用。
- 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
使用步骤如下:
第一步:引入项目下面生成的fontclass代码:
<link rel="stylesheet" type="text/css" href="./iconfont.css">
第二步:挑选相应图标并获取类名,应用于页面:
<i class="iconfont icon-xxx"></i>
"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。