IconFont 图标
-
微信.icon-weixin
-
更多.icon-more-1
-
QQ.icon-qq
-
微博.icon-unie61d
-
qzone.icon-qzone
-
二维码.icon-erweima
-
收藏_已收藏.icon-collect
-
圆形选中.icon-checkbox
-
删除.icon-delete
-
下载.icon-xiazai
-
全屏.icon-full
-
设置.icon-set
-
报销申请.icon-expenses
-
LOGO.icon-logo
-
CRM.icon-crm
-
办公参数.icon-office-params
-
产品.icon-products
-
公司管理.icon-com-manage
-
采购.icon-purchase
-
后台.icon-admin
-
角色权限.icon-roles
-
竞争对手.icon-powers
-
联系人.icon-contacts
-
客户.icon-clients
-
工作报告.icon-reports
-
设置.icon-settings
-
审批.icon-approvals
-
日程.icon-schedules
-
商机.icon-biz
-
市场活动.icon-markets
-
任务.icon-tasks
-
收起全屏.icon-refull
-
收起菜单.icon-d-arrow-left
-
首页.icon-home
-
数据管理.icon-dm
-
统计分析.icon-analysis
-
同事圈.icon-friends
-
下拉.icon-e-dropdown
-
线索.icon-clues
-
下拉选中.icon-s-dropdown
-
销售参数.icon-params
-
仪表盘.icon-dashboard
-
销售字段.icon-field
-
协同办公.icon-teamwork
-
销售预测.icon-forecast
-
邮件管理.icon-email-settings
-
销售目标.icon-targets
-
知识库.icon-knowledge
-
账号信息.icon-account-info
-
展开菜单.icon-ex-menu
-
编辑.icon-edit
-
播放.icon-play
-
编辑-1.icon-text-edit
-
草稿邮件.icon-email-draft
-
出差申请.icon-trip
-
定时邮件.icon-timing-email
-
打印.icon-print
-
点赞.icon-likes
-
附件.icon-attachment
-
付款申请.icon-pay
-
更多.icon-more
-
关闭-1.icon-shut
-
关闭.icon-close
-
红旗未选中.icon-unflag
-
红旗.icon-flag
-
紧急邮件.icon-emer-mail
-
禁用.icon-disabled
-
快速新建.icon-build
-
请假申请.icon-absence
-
评论.icon-comment
-
筛选.icon-filter
-
启用.icon-enabled
-
删除.icon-del
-
上传列表-1.icon-transport-list
-
收藏.icon-keep
-
视图切换.icon-menu-app
-
收件箱.icon-inbox
-
搜索.icon-search
-
通知.icon-notice
-
外出申请.icon-eg-apply
-
拖移.icon-drag
-
文件夹.icon-folder
-
问号.icon-question
-
下拉.icon-arrow-down
-
下拉-1.icon-caret-bottom
-
写信.icon-write-letter
-
已读邮件.icon-mail-read
-
暂停.icon-pause
-
展开.icon-expand
-
已发送邮件.icon-mail-send
-
转发.icon-forwarded
-
子文件.icon-subfile
-
邮件.icon-email
-
左箭头.icon-arrow-left
-
右箭头.icon-arrow-right
-
下拉.icon-arrow-up
-
恢复.icon-redo
-
撤销.icon-undo
-
互动.icon-interactive
-
背景.icon-background
-
图片.icon-image
-
形状.icon-shape
-
左对齐.icon-left-alignment
-
垂直居中.icon-chuizhijuzhong
-
顶对齐.icon-top-alignment
-
底对齐.icon-bottom-alignment
-
居中.icon-center
-
文本.icon-text
-
复制.icon-copy
-
返回.icon-back
-
添加.icon-add
-
网格.icon-grid
-
导出_normal.icon-export
-
上传列表-1.icon-upload-lists-copy
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"。