IconFont 图标
-
编辑.icon-bianji
-
安全.icon-anquan
-
撤销.icon-chexiao
-
笔记本.icon-bijiben
-
茶杯.icon-chabei
-
待发货.icon-daifahuo
-
待付款.icon-daifukuan
-
待收货.icon-daishouhuo
-
点赞.icon-dianzan
-
电脑.icon-diannao
-
电话.icon-dianhua
-
定位.icon-dingwei
-
返回.icon-fanhui
-
返回2.icon-fanhui1
-
分类.icon-fenlei
-
分类2.icon-fenlei1
-
返现.icon-fanxian
-
分享.icon-fenxiang
-
分享2.icon-fenxiang1
-
个人.icon-geren
-
工具箱.icon-gongjuxiang
-
更多2.icon-gengduo
-
购物.icon-gouwu
-
购物车.icon-gouwuche
-
更多.icon-gengduo1
-
关闭.icon-guanbi
-
关闭2.icon-guanbi1
-
关闭3.icon-guanbi2
-
减少.icon-jianshao
-
减少2.icon-jianshao1
-
客服.icon-kefu
-
链接.icon-lianjie
-
计时.icon-jishi
-
礼物.icon-liwu
-
列表2.icon-liebiao
-
排行.icon-paihang
-
列表.icon-liebiao1
-
热门.icon-remen
-
删除.icon-shanchu
-
上传.icon-shangchuan
-
日历.icon-rili
-
上一步.icon-shangyibu
-
收藏2.icon-shoucang
-
设置.icon-shezhi
-
收藏.icon-shoucang1
-
视频.icon-shipin
-
手机.icon-shouji
-
书.icon-shu
-
搜索.icon-sousuo
-
提示.icon-tishi
-
锁.icon-suo
-
天气.icon-tianqi
-
添加2.icon-tianjia
-
通知.icon-tongzhi
-
退款.icon-tuikuan
-
文件.icon-wenjian
-
团队.icon-tuandui
-
通知2.icon-tongzhi1
-
添加.icon-tianjia1
-
文件2.icon-wenjian1
-
文章.icon-wenzhang
-
问题.icon-wenti
-
下载.icon-xiazai
-
问题2.icon-wenti1
-
相机.icon-xiangji
-
消息.icon-xiaoxi
-
消息2.icon-xiaoxi1
-
信封.icon-xinfeng
-
信息.icon-xinxi
-
循环.icon-xunhuan
-
音乐.icon-yinle
-
音量.icon-yinliang
-
账单.icon-zhangdan
-
优惠券2.icon-youhuiquan
-
照片.icon-zhaopian
-
正确.icon-zhengque
-
优惠券.icon-youhuiquan1
-
正确2.icon-zhengque1
-
主页.icon-zhuye
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"。