IconFont 图标
-
微信.icon-weixin
-
书法.icon-shufa
-
密码.icon-mima1
-
删除.icon-icon
-
qq.icon-qq
-
高考.icon-icon2
-
剪刀.icon-jiandao
-
时间.icon-shijian
-
展开.icon-zhankai
-
小提琴.icon-xiaotiqin
-
消息.icon-xiaoxi
-
正确.icon-zhengque
-
蛋糕西点.icon-dangaoxidian
-
我的.icon-wode
-
运动.icon-badaxilietubiao01
-
密码.icon-mima
-
外语.icon-waiyu
-
日本语.icon-ribenyu
-
推荐.icon-tuijian
-
支付宝.icon-zhifubao
-
坐标-0.icon-zuobiao0
-
棋牌游戏.icon-102360
-
坡度尺.icon-poduchi
-
证.icon-zheng
-
声乐合唱类.icon-weixinduansvgtubiao03
-
致优英语图.icon-yingyu
-
课程.icon-icon1
-
箭头左.icon-jiantouzuo
-
学校.icon-xuexiao
-
艺术2.icon-art02-alt
-
报考新规.icon-baokaoxingui
-
钱包.icon-552cd71a8a190
-
博士帽.icon-boshimao-copy
-
头像.icon-touxiang-copy
-
健康指导.icon-jiankangzhidao
-
推荐.icon-tuijian1
-
叉.icon-artboard1
-
帐篷.icon-zhangpeng
-
首页.icon-shouye
-
奶瓶.icon-naiping
-
其它.icon-other
-
舞蹈.icon-wudao
-
日历.icon-rili1
-
ic_函数_24px.icon-ichanshu24px
-
勾选.icon-gouxuan-copy
-
补课次数.icon-bukecishu
-
绘画.icon-huihua
-
手机.icon-shouji
-
运动-武术.icon-hfenlei8-copy
-
书.icon-shu
-
学校.icon-xuexiao1
-
日历.icon-rili
-
留学考试.icon-liuxuekaoshi
-
韩国.icon-hanguo
-
支付.icon-zhifu
-
媒体档案.icon-meitidangan
-
箭头右箭头.icon-jiantouyoujiantou
-
外卖服务-使用方便.icon-waimaifuwu-shiyongfangbian
-
分享.icon-fenxiang
-
iconfont-5.icon-iconfont5
-
chevron-thin-down.icon-chevron-thin-down
-
chevron-thin-up.icon-chevron-thin-up
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"。