IconFont 图标
-
搜索.icon-sousuo
-
购物车.icon-shoppingcart
-
发送.icon-fasong
-
加.icon-jiajian02
-
拍照.icon-paizhao
-
发现.icon-faxian
-
换一换.icon-huanyihuan
-
收藏.icon-shoucang
-
付款方式.icon-fukuanfangshi
-
游戏.icon-94
-
位置.icon-icon2
-
评论.icon-Comment
-
个人中心.icon-gerenzhongxin
-
三个点.icon-sangedian
-
时钟.icon-shizhong
-
返回.icon-fanhui
-
点击.icon-dianji
-
我.icon-iconfontwohover
-
粗版_加到桌面.icon-cubanjiadaozhuomian
-
scanning.icon-scanning
-
关闭.icon-guanbi
-
评论.icon-pinglun
-
语音.icon-icon1
-
键盘.icon-jianpan
-
赞.icon-zan
-
行业走势.icon-xingyezoushi
-
艾特.icon-aite
-
全部.icon-quanbu
-
预约记录.icon-yuyuejilu
-
开奖公告.icon-kaijianggonggao
-
女.icon-nv
-
注意.icon-zhuyi
-
删除.icon-shanchu
-
公众号.icon-gongzhonghao
-
添加朋友.icon-icon
-
使用帮助.icon-shiyongbangzhu
-
文章.icon-wenzhang
-
空间.icon-kongjian-copy
-
邮件.icon-youjian
-
二维码.icon-erweima-copy
-
单品销售走势.icon-danpinxiaoshouzoushi
-
首页_首页.icon-shouyeshouye
-
发现.icon-faxian1
-
黑名单.icon-heimingdan
-
通讯录.icon-tongxunlu
-
安全中心.icon-security
-
-_校园通讯录.icon-xiaoyuantongxunlu
-
就诊卡管理_图片icon.icon-jiuzhenqiaguanlitupianicon
-
我的医生.icon-wodeyisheng
-
语音.icon-yuyin
-
我的.icon-wode
-
我的.icon-wode-copy
-
菜单.icon-caidan
-
微信.icon-weixin
-
表情.icon-biaoqing
-
统计图.icon-tongjitu
-
耳朵.icon-erduo
-
加.icon-jia
-
修改.icon-xiugai
-
订阅.icon-dingyue
-
通讯录.icon-tongxunlu1
-
客户管理_记录_备注icon.icon-kehuguanli_jilu_beizhuicon-
-
加图.icon-jiatu
-
通讯录.icon-tongxunlu2
-
谁可以看-01.icon-shuikeyikan-
-
钟.icon-zhong
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"。