IconFont 图标
-
编辑.icon-bianji
-
增加订单.icon-baocuoxiangqing
-
驳回.icon-bohui
-
查看试题.icon-chakanshiti
-
催单.icon-chakanjindu
-
材料聚合.icon-cailiaojuhe
-
解冻.icon-dongjie
-
多选选中.icon-duoxuanxuanzhong
-
更多来源.icon-gengduolaiyuan
-
发布.icon-fabu
-
关闭.icon-guanbi
-
反馈.icon-fankui
-
接收.icon-jieshou
-
日期.icon-riqi
-
录排.icon-lupai
-
解析.icon-jiexi
-
派单.icon-paidan
-
上传.icon-shangchuan
-
设置分数.icon-shezhifenshu
-
删除.icon-shanchu
-
生成订单.icon-shengchengdingdan
-
收起2.icon-shouqi
-
收起.icon-shouqi1
-
搜索.icon-sousuo
-
添加试题.icon-tianjiashiti
-
审核.icon-shenhe
-
完成.icon-wancheng
-
消息.icon-xiaoxi
-
未收藏.icon-weishoucang
-
下拉.icon-xiala
-
移除.icon-yichu
-
下载.icon-xiazai
-
取消订单.icon-yichudingdan
-
右箭头.icon-youjiantou
-
已收藏.icon-yishoucang
-
转移.icon-zhuanyi
-
展开.icon-zhankai
-
异常.icon-yichang
-
左箭头.icon-zuojiantou
-
报错.icon-baocuo
-
收藏夹.icon-shoucangjia
-
上移.icon-shangyi
-
下移.icon-xiayi
-
去往.icon-quwang
-
排序上箭头.icon-paixushangjiantou
-
排序下箭头.icon-paixuxiajiantou
-
待处理.icon-daichuli
-
已处理.icon-yichuli
-
最后.icon-zuihou
-
置顶.icon-zhiding
-
冻结.icon-dongjie1
-
报错详情.icon-baocuoxiangqing1
-
查看进度.icon-chakanjindu1
-
替换.icon-tihuan
-
调整间距.icon-tiaozhengjianju
-
∑.icon-icon-test
-
搜索.icon-sousuo1
-
展开.icon-zhankai1
-
键盘.icon-jianpan
-
相机.icon-xiangji
-
收起-2.icon-shouqi-
-
用户.icon-yonghu
-
查看.icon-chakan
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"。