IconFont 图标
-
微博.icon-weibo
-
家.icon-home
-
支付宝钱包.icon-rectangle390
-
搜索.icon-sosuo
-
住宅家具.icon-ico1
-
齐家钱包保障.icon-qijiaqianbaobaozhang
-
红旗.icon-hongqi
-
齐家钱包保障.icon-qijiaqianbaobaozhang1
-
gouwu.icon-gouwu
-
家庭清洁.icon-jiatingqingji
-
沙发.icon-shafa
-
收纳清洁净化.icon-shounaqingjijinghua
-
sousuo.icon-sousuo
-
沙发.icon-shafa1
-
sousuo.icon-iconfuben04
-
iconfont-5.icon-iconfont5
-
地址.icon-dizhi
-
门.icon-men
-
订单.icon-dingdan
-
荣誉.icon-rongyu
-
楼梯间.icon-loutijian
-
家具.icon-jiaju
-
家具保养.icon-jiajubaoyang
-
微信.icon-icon
-
咨询.icon-iconfontconsult
-
门.icon-mendoor13
-
地址.icon-map
-
购物车.icon-gouwuche
-
购物车添加.icon-gouwuchetianjia
-
错误.icon-cuowu
-
二维码.icon-erweima
-
聚收藏.icon-jushoucang
-
垃圾箱.icon-lajixiang
-
链接.icon-lianjie
-
闹钟.icon-naozhong
-
扫一扫.icon-saoyisao
-
上翻.icon-shangfan
-
设置.icon-shezhi
-
声音.icon-shengyin
-
时间.icon-shijian
-
收货地址.icon-shouhuodizhi
-
首页.icon-shouye
-
刷新.icon-shuaxin
-
搜索.icon-sousuo2
-
锁.icon-suo
-
提示.icon-tishi
-
完成.icon-wancheng
-
我的订单.icon-wodedingdan
-
我的反馈.icon-wodefankui
-
我的红包.icon-wodehongbao
-
我的聚划算.icon-wodejuhuasuan
-
我的优惠券.icon-wodeyouhuiquan
-
下翻.icon-xiafan
-
下拉.icon-xiala
-
向上箭头.icon-xiangshangjiantou
-
向下箭头.icon-xiangxiajiantou
-
向右箭头.icon-xiangyoujiantou
-
向左箭头.icon-xiangzuojiantou
-
眼睛.icon-yanjing
-
意见反馈.icon-yijianfankui
-
照相机.icon-zhaoxiangji
-
正确.icon-zhengque
-
消息中心.icon-xiaoxizhongxin
-
另存为.icon-lingcunwei
-
new.icon-new
-
火.icon-huo
-
帮助客户累计创造受益.icon-bangzhukehuleijichuangzaoshouyi
-
楼梯.icon-louti
-
地址.icon-dizhi1
-
衣柜.icon-yg
-
清洁护理.icon-qingjihuli
-
30-1.icon-301
-
7.icon-7
-
免.icon-mian
-
钱币-01.icon-qianbi01
-
洁净呵护.icon-0003
-
电话.icon-dianhua-copy
-
礼物.icon-liwu
-
语音.icon-yuyin
-
设备_衣柜.icon-shebeiyigui
-
进度条-钱袋.icon-jindutiaoqiandai
-
家具清洁.icon-jiajuqingji
-
桌台.icon-1212
-
微信.icon-weixin
-
活动.icon-huodong
-
美家-精品家具.icon-meijiajingpinjiaju
-
右.icon-youyou-copy
-
家电清洁.icon-jiadianqingji
-
订单.icon-icondd1
-
集团单位.icon-jituandanwei
-
电话.icon-4
-
精品家具.icon-jingpinjiaju
-
家具.icon-jiaju1
-
品牌购物.icon-pinpaigouwu
-
电话.icon-dianhua
-
品牌释义.icon-02
-
GOUWU.icon-gouwu1
-
gouwu.icon-gouwu2
-
旗美荟-icon团购特惠.icon-qimeihui-icontuangoutehui
-
旗美荟-icon限量秒杀.icon-qimeihui-iconxianliangmiaosha
-
右.icon-you-copy
-
旗美荟-icon购物车.icon-qimeihui-icongouwuche
-
sousuo.icon-sousuo1
-
钱包业务.icon-qianbaoyewu
-
家具.icon-jiaju2
-
旗美荟-icon_分销奖赏.icon-qimeihui-icon_fenxiaojiangshang
-
集团研修.icon-jituanyanxiu
-
订单.icon-dingdan1
-
节能处罚.icon-jienengchufa
-
合作.icon-hezuo
-
板式衣柜安装.icon-banshiyiguianzhuang
-
活动.icon-huodong11
-
家.icon-jia
-
视频.icon-shipin
-
集团版.icon-jituanban
-
购物(圆).icon-gouwu3
-
微博.icon-weibo1
-
文化.icon-wenhua
-
微信 (1).icon-weixin1
-
合作.icon-hezuo1
-
衣柜6.icon-yigui
-
咨询.icon-zixun
-
活动.icon-huodong1
-
通用.icon-icon-test
-
更衣柜.icon-gengyigui
-
金钱.icon-jinqian
-
家具五金.icon-jiajuwujin
-
节能建筑.icon-jienengjianzhu
-
累计节能.icon-leijijieneng
-
凳子.icon-dengzi
-
沙发.icon-shafa2
-
工作台-环保图集.icon-gongzuotai-huanbaotuji
-
气象环保.icon-qxhb
-
解决方案03-2视频行业-成本高.icon-chengbengao
-
解决方案03-1视频行业-技术门槛.icon-jishu
-
解决方案03-3视频行业-延时.icon-yanshi
-
智慧节能.icon-zhihuijieneng
-
桌子.icon-zhuozi
-
合作.icon-hezuo2
-
集团版.icon-jituanban1
-
右.icon-xia
-
building-o.icon-building-o
-
cangneishicao-o.icon-cangneishicao-o
-
horn-o.icon-horn-o
-
map-2-o.icon-map--o
-
service-o.icon-service-o
-
similar-product-o.icon-similar-product-o
-
volumeopen-o.icon-volumeopen-o
-
电话.icon-dianhua-
-
桌椅.icon-zhuoyi
-
品牌02.icon-pinpai
-
家具入场.icon-jiajuruchang
-
顶部.icon-top
-
钱财.icon-qiancai-
-
咨询.icon-zixun1
-
楼梯间.icon-loutijian1
-
钱袋.icon-qiandai
-
共赢.icon-gongying
-
发展历程.icon-fazhanlicheng
-
家具建材.icon-jiajujiancai
-
发展历程.icon-fazhanlicheng1
-
绿色环保.icon-lkingbolvsehuanbao
-
订单.icon-dingdan2
-
微信.icon-weixin2
-
订 单.icon-dingdan3
-
电话.icon-dianhua1
-
沙发.icon-shafa3
-
衣柜.icon-yigui1
-
dianhua.icon-dianhua2
-
钱2.icon-qian
-
alert.icon-alert
-
859格式_通用视频.icon-webm
font-class引用
font-class是unicode使用方式的一种变种,主要是解决unicode书写不直观,语意不明确的问题。
与unicode使用方式相比,具有如下特点:
- 兼容性良好,支持ie8+,及所有现代浏览器。
- 相比于unicode语意明确,书写更直观??梢院苋菀追直嬲飧鰅con是什么。
- 因为使用class来定义图标,所以当要替换图标时,只需要修改class里面的unicode引用。
- 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
使用步骤如下:
第一步:引入项目下面生成的fontclass代码:
<link rel="stylesheet" type="text/css" href="./iconfont.css">
第二步:挑选相应图标并获取类名,应用于页面:
<i class="iconfont icon-xxx"></i>
"iconfont"是你项目下的font-family??梢酝ü嗉钅坎榭?,默认是"iconfont"。