IconFont 图标
-
图片.drag-i-tupian
-
模块.drag-i-mokuai
-
图片.drag-i-photo
-
配置.drag-i-peizhi
-
list.drag-i-list
-
微考试.drag-i-weikaoshi
-
分享.drag-i-share
-
右对齐.drag-i-a-right
-
笑脸.drag-i-xiaolian
-
style.drag-i-style
-
抢购.drag-i-qianggou
-
分享.drag-i-fenxiang
-
浏览.drag-i-121
-
左对齐.drag-i-a-left
-
保存.drag-i-baocun
-
轮播组图.drag-i-lbt
-
项目.drag-i-xiangmu
-
下.drag-i-xia
-
搜索.drag-i-sc
-
会员.drag-i-huiyuan
-
表单.drag-i-form
-
时间.drag-i-shijian
-
关闭.drag-i-guanbi
-
提示.drag-i-tuli
-
时间.drag-i-time
-
搜索.drag-i-sousuo1
-
导航.drag-i-daohang1
-
分类.drag-i-fenlei
-
编辑器B.drag-i-bold
-
编辑器I.drag-i-Italic
-
编辑器U.drag-i-underline
-
当前页面-01.drag-i-page
-
增加.drag-i-zengjia
-
课程.drag-i-course
-
拖动.drag-i-drag
-
轮播图组件.drag-i-lunbotuzujian
-
list.drag-i-list1
-
当前版本.drag-i-page2
-
files-html.drag-i-fileshtml
-
文字.drag-i-wenzi
-
文件.drag-i-wenjian1
-
正在授课.drag-i-are-taught
-
sql.drag-i-sql
-
文件.drag-i-wenjian
-
导航.drag-i-daohang
-
文章.drag-i-wenzhang
-
yes.drag-i-yes
-
导航.drag-i-nav
-
排版.drag-i-compose
-
按钮.drag-i-anniu
-
按钮.drag-i-btn
-
user.drag-i-xingming
-
表单.drag-i-biaodan
-
中对齐.drag-i-a-center
-
课程.drag-i-kecheng1
-
删除.drag-i-del
-
链接.drag-i-lianjie
-
商品.drag-i-shangpin
-
HTML.drag-i-HTML
-
课程.drag-i-kecheng
-
pen.drag-i-pen
-
考试.drag-i-exam
-
编辑.drag-i-edit
-
文章.drag-i-active
-
文件夹.drag-i-wenjianjia
-
品牌设置.drag-i-pinpaishezhi
-
bottom1.drag-i-xiangxia
-
模版统计.drag-i-mobantongji
-
style.drag-i-style1
-
选择组件.drag-i-xuanzezujian
-
换皮肤.drag-i-style2
-
color.drag-i-color
-
模板.drag-i-moban
-
问题.drag-i-wenti1
-
公告.drag-i-gonggao
-
配置.drag-i-config
-
专家.drag-i-zhuanjia
-
所属机构.drag-i-suoshujigou
-
文件夹.drag-i-wenjianjia1
-
下.drag-i-up
-
预览.drag-i-yulan
-
老师答疑.drag-i-laoshidayi
-
list.drag-i-list2
-
分享链接2.drag-i-link
-
list.drag-i-liebiao
-
下.drag-i-left
-
下.drag-i-right
-
ykq_tab3_试卷.drag-i-ykq_tab_shijuan
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="drag-font drag-i-xxx"></i>
"drag-font"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。