IconFont 图标
-
关闭1.icon-guanbi1
-
关闭2-fill.icon-guanbi2fill
-
提示-fill.icon-tishifill
-
提示.icon-tishi
-
订单.icon-dingdan
-
反馈.icon-fankui
-
分享.icon-fenxiang
-
更多.icon-gengduo
-
购物车-fill.icon-gouwuchefill
-
购物车.icon-gouwuche
-
设置.icon-shezhi
-
首页.icon-shouye
-
搜索类目-fill.icon-sousuoleimufill
-
通知-fill.icon-tongzhifill
-
通知.icon-tongzhi
-
喜欢-fill.icon-xihuanfill
-
喜欢.icon-xihuan
-
刷新.icon-shuaxin
-
手机淘宝.icon-shoujitaobao
-
sale-fill.icon-salefill
-
sale.icon-sale
-
Android更多.icon-androidgengduo
-
类目.icon-leimu
-
菜单.icon-caidan
-
购物车.icon-gouwuche1
-
设置.icon-shezhi1
-
搜索.icon-sousuo
-
我的订单.icon-wodedingdan
-
我的反馈.icon-wodefankui
-
眼睛.icon-yanjing
-
意见反馈.icon-yijianfankui
-
单品.icon-danpin
-
户外.icon-huwai
-
居家.icon-jujia
-
裤子.icon-kuzi
-
母婴.icon-muying
-
男装.icon-nanzhuang
-
内衣.icon-neiyi
-
女装.icon-nvzhuang
-
品牌.icon-pinpai
-
箱包.icon-xiangbao
-
已售出.icon-yishouchu
-
account.icon-account
-
search.icon-search
-
browse.icon-browse
-
browse_fill.icon-browse_fill
-
browse.icon-browse1
-
empty.icon-empty
-
empty_fill.icon-empty_fill
-
enter.icon-enter
-
homepage_fill.icon-homepage_fill
-
homepage.icon-homepage
-
mine.icon-mine
-
mine_fill.icon-mine_fill
-
people_fill.icon-people_fill
-
people.icon-people
-
refresh.icon-refresh
-
return.icon-return
-
setup_fill.icon-setup_fill
-
setup.icon-setup
-
success_fill.icon-success_fill
-
success.icon-success
-
search.icon-search1
-
search fill.icon-searchfill
-
packup.icon-packup
-
unfold.icon-unfold
-
分享.icon-fenxiang1
-
置顶.icon-zhiding
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"。