IconFont 图标
-
省略号.oa-more1
-
客服.oa-service
-
我的工单.oa-order
-
refresh.oa-refresh
-
left.oa-left-page
-
setup.oa-setup
-
setup-active.oa-setup-active
-
message.oa-message
-
message-active.oa-message-active1
-
upvote.oa-upvote
-
ppt.oa-ppt
-
pdf.oa-pdf
-
image.oa-image
-
excel.oa-excel
-
word.oa-word
-
tag.oa-tag
-
remind.oa-remind
-
search.oa-search
-
upload.oa-upload
-
download.oa-download
-
abnormal.oa-abnormal
-
mail-acitve.oa-mail-acitve
-
forward.oa-forward
-
mail.oa-mail
-
expression.oa-expression
-
female.oa-female
-
open.oa-open
-
male.oa-male
-
电话.oa-phone
-
cancel.oa-cancel1
-
edit.oa-edit1
-
enlarge.oa-enlarge
-
more.oa-more
-
txt.oa-txt
-
upvote.oa-upvote1
-
annex.oa-annex
-
Audio.oa-audio
-
exe.oa-exe
-
tmp.oa-tmp
-
MID.oa-mid
-
other.oa-other
-
zipfile.oa-zipfile
-
video.oa-video
-
GIF.oa-gif
-
upload-photo.oa-upload-photo
-
开启免打扰.oa-shi
-
关闭免打扰.oa-shi1
-
right2.oa-right1
-
down.oa-down
-
消息下.oa-xiaoxixia
-
消息上.oa-xiaoxishang
-
矢量智能对象2.oa-shiliangzhinengduixiang1
-
闹钟.oa-naozhong-copy
-
选中.oa-xuanzhong2
-
icon_delete.oa-icon_delete
-
favorite-active.oa-favorite-active
-
message-active.oa-message-active
-
web-rili-ri.oa-webriliri
-
web-rili-zhou.oa-webrilizhou
-
web-rili-yue.oa-webriliyue
-
下一页.oa-xiayiye
-
工伤假.oa-gongshangjia
-
事假.oa-shijia
-
婚假.oa-hunjia
-
丧假.oa-sangjia
-
半薪假.oa-banxinjia
-
无薪假.oa-wuxinjia
-
全薪假.oa-quanxinjia
-
公司假.oa-gongsijia
-
哺乳假.oa-burujia
-
陪产假.oa-peichanjia
-
计划生育.oa-jihuashengyu
-
法定假.oa-fadingjia
-
婚前检查假.oa-hunqianjianchajia
-
产假.oa-chanjia
-
难产假.oa-nanchanjia
-
产前检查.oa-chanqianjiancha
-
planeticket_close.oa-planeticket_close
-
亲属关系.oa-qinshuguanxi
-
宝宝数量.oa-baobaoshuliang
-
怀孕周期.oa-huaiyunzhouqi
-
发表.oa-fabiao
-
左下菜单_退出.oa-zuoxiacaidan_tuichu
-
左下菜单_修改密码.oa-zuoxiacaidan_xiugaimima
-
左下菜单_更新日志.oa-zuoxiacaidan_gengxinrizhi
-
顶部公告.oa-dingbugonggao
-
左下菜单_举报信箱.oa-zuoxiacaidan_jubaoxinxiang
-
左下菜单_友情链接.oa-zuoxiacaidan_youqinglianjie
-
左下菜单_下载中心.oa-zuoxiacaidan_xiazaizhongxin
-
左下菜单_专栏.oa-zuoxiacaidan_zhuanlan
-
左下菜单.oa-zuoxiacaidan
-
弹框关闭.oa-dankuangguanbi
-
我的休假.oa-wodexiujia
-
我的积分.oa-wodejifen
-
我的收藏.oa-wodeshoucang
-
我的信息.oa-wodexinxi
-
左下菜单_访客wifi.oa-zuoxiacaidan_fangkewifi
-
消息.oa-xiaoxi
-
弹框关闭.oa-close_small-copy
-
left.oa-right-page
-
邮箱.oa-youxiang
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="oa-iconfont oa-xxx"></i>
"oa-iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。