IconFont 图标
-
药品.icon-yaopin
-
附件.icon-fujian
-
information.icon-information
-
链接.icon-lianjie
-
合同管理.icon-hetongguanli
-
电话.icon-phone
-
头像.icon-touxiang
-
菜单 (1).icon-caidan1
-
i-触发条件.icon-hongfatiaojian
-
预览.icon-yulan
-
提醒.icon-tixing
-
用户.icon-yonghu2
-
检测更新.icon-iconfontzhizuobiaozhun0254
-
switch-6.icon-switch-6
-
switch-7.icon-switch-7
-
意见反馈.icon-yijianfankui
-
展开.icon-zhankai
-
工作.icon-wodegongzuo
-
下载.icon-xiazai
-
工作台.icon-gongzuotai
-
标签.icon-tag
-
文件.icon-wenjian1
-
系统权限管理.icon-quanxianguanli
-
日志.icon-log
-
咨询.icon-zixun
-
笔记本.icon-bijiben
-
download.icon-upload-demo
-
rich text box.icon-richtextbox
-
统计.icon-tongji
-
站点配置.icon-zhandianpeizhi
-
用户.icon-yonghu
-
模板管理.icon-mobanguanli
-
表单.icon-biaodan
-
反馈问题.icon-fankuiwenti
-
标签.icon-Shapecopy
-
设置.icon-shezhi
-
con_icon_component.icon-con_icon_component
-
权限管理.icon-quanxianguanli1
-
field-setting.icon-field-setting
-
editor-align-justify.icon-editor-align-justify
-
editor-align-left.icon-editor-align-left
-
editor-align-center.icon-editor-align-center
-
editor-align-right.icon-editor-align-right
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"。