IconFont 图标
-
维修保养.dsit-weixiubaoyang
-
公告.dsit-gonggao
-
列表.dsit-liebiao1
-
我要报修.dsit-woyaobaoxiu
-
公告.dsit-gonggao1
-
问题.dsit-question
-
添加.dsit-tianjia
-
新建.dsit-xinjian
-
向左.dsit-xiangzuo
-
主题.dsit-zhuti
-
首页.dsit-shouye
-
错.dsit-false-circle
-
我的.dsit-wode
-
更多.dsit-gengduo
-
新建.dsit-icon-text-newlybuild
-
保修申请.dsit-baoxiushenqing
-
巡检.dsit-xunjian
-
待受理3.dsit-daishouli
-
受理中1.dsit-shoulizhong
-
受理完成.dsit-shouliwancheng
-
查看.dsit-chakan
-
审核.dsit-shenhe
-
编辑.dsit-bianji1
-
待我处理的-工单.dsit-daiwochulide
-
设备巡检.dsit-shebeixunjian
-
新建工单.dsit-xinjiangongdan
-
工单列表.dsit-gongdanliebiao
-
问题.dsit-wenti
-
搜索.dsit-sousuo
-
默认头像.dsit-morentouxiang
-
返回.dsit-fanhui
-
编辑.dsit-bianji
-
我的.dsit-wode1
-
对.dsit-dui
-
故障报警.dsit-guzhangbaojing
-
一级-服务管理.dsit-yiji-fuwuguanli
-
知识库.dsit-zhishiku2
-
已逾期.dsit-yiyuqi
-
即将逾期.dsit-jijiangyuqi
-
逾期.dsit-yuqi
-
展开.dsit-mulu
-
向右.dsit-xiangyou
-
C 拍照.dsit-paizhao
-
我的.dsit-wode2
-
评分.dsit-pingfen-copy
-
常见问题 (1).dsit-changjianwenti
-
新建 (1).dsit-xinjian1
-
首页-服务指南.dsit-shouye-fuwuzhinan
-
公告填充.dsit-gonggaotianchong
-
报修列表.dsit-baoxiuliebiao
-
手机.dsit-shouji
-
常见问题.dsit-changjianwenti1
-
首页.dsit-ic
-
icon_liucheng.dsit-icon_liucheng
-
icon_zhengzaijinx.dsit-icon_zhengzaijinx
-
icon_weizuo.dsit-icon_weizuo
-
8.dsit-icon-test
-
9.dsit-icon-test1
-
7.dsit-icon-test2
-
8.dsit-icon-test3
-
4.dsit-icon-test4
-
6.dsit-icon-test5
-
5.dsit-icon-test6
-
2.dsit-icon-test7
-
3.dsit-icon-test8
-
Shape.dsit-Shape
-
10.dsit-icon-test9
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 dsit-xxx"></i>
"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。