IconFont 图标
-
bbg_清洁.icon-bbgqingji
-
赞.icon-zan
-
服务.icon-fuwu
-
搜索.icon-sousuo
-
左边.icon-zuobian
-
生活缴费.icon-shenghuojiaofei
-
绿叶.icon-lvye
-
对.icon-dui
-
手机.icon-shouji
-
更多.icon-androidmorevertical
-
登录.icon-denglu
-
我的.icon-wode
-
垃圾桶.icon-lajitong
-
new.icon-yuanjiaojuxing2
-
接待.icon-jiedai
-
家政.icon-jiazheng
-
更多.icon-gengduo
-
服务.icon-fuwu1
-
下拉向下.icon-xialaxiangxia
-
城市.icon-chengshi
-
公共信息.icon-icon17
-
维修.icon-weixiu
-
呼叫语音.icon-hujiaoyuyin
-
消息推送.icon-zhengguiicon40
-
钩钩.icon-gougou
-
发帖子.icon-fatiezi
-
商务服务.icon-shangwufuwu
-
温泉养生.icon-wenquanyangsheng
-
向下.icon-xiangxia
-
我的.icon-wode1
-
修改密码.icon-xiugaimima
-
地址.icon-dizhi
-
活动.icon-huodong
-
版本更新.icon-banbengengxin
-
向上.icon-xiangshang
-
伤心.icon-shangxin
-
绑定银行卡.icon-binding-bank
-
微信支付2.icon-weixinzhifu2
-
客房.icon-bedroomTest
-
app论坛.icon-appluntan
-
客服.icon-666
-
删除.icon-shanchu
-
小区.icon-xiaoqu
-
电视机-0.icon-dianshiji0
-
五角星.icon-wujiaoxing
-
公告.icon-gonggao
-
左边箭号.icon-zuobianjianhao
-
物业信息.icon-96
-
订单.icon-dingdan
-
圈子.icon-quanzi
-
定位.icon-dingwei
-
订单.icon-dingdan1
-
记录.icon-jilu
-
丽人.icon-liren
-
验证码.icon-yanzhengma
-
评分-星-全.icon-pingfenxingquan
-
钩.icon-gou
-
差差.icon-chacha-copy
-
订单.icon-dingdan2
-
广告.icon-guanggao
-
分类.icon-icon
-
赞赞.icon-zanzan-copy
-
太阳.icon-fengshui
-
缴费记录.icon-1
-
系统.icon-xitong
-
投诉建议.icon-wodetousu
-
V.icon-v
-
弹出评论.icon-comiisdanchupinglun
-
桶装水.icon-louxiatongzhuangshui
-
团购.icon-tuangou
-
汽车美容.icon-qichemeirong
-
室内装修.icon-bedroom
-
投诉建议.icon-8
-
租房11.icon-wodezufang
-
服务保障.icon-fuwubaozhang
-
敬请期待.icon-jingqingqidai
-
敬请期待.icon-jingqingqidai1
-
洗衣.icon-icon1
-
邮件.icon-youjian
-
快递.icon-kuaidi
-
出行.icon-chuhang
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"。