IconFont 图标
-
编辑.bianji
-
关闭.guanbi
-
导出.daochu
-
设备.shebei
-
保存.baocun
-
刷新.circularrefresh
-
编辑.23
-
Mac.32
-
android.33
-
windows.34
-
刷新.refurbish
-
取消.quxiao
-
编辑.bianji1
-
新增.xinzeng
-
删除.shanchu
-
下拉.xiala
-
下拉.xiala1
-
水表.shuibiao
-
刷新.shuaxin
-
三通.santong
-
井.jing
-
打开.dakai
-
新增.xinzeng1
-
报表.baobiao
-
ic_editinfo.iceditinfo
-
电脑.diannao
-
选择.xuanze
-
取消.quxiao1
-
下拉.xiala-copy
-
下拉.xiala2
-
报表.baobiao1
-
水龙头.shuilongtoutap
-
gear.gear
-
清空.delete
-
设置.settings
-
物理世界.physics-world
-
我的审批.icon
-
电子资料.icon1
-
我的心愿单.icon2
-
论坛.icon3
-
个人信息.icon4
-
报表.icon5
-
移动学习.icon6
-
公告.icon7
-
帮助.icon8
-
退出.icon9
-
多渠道课程服务.icon10
-
系统高级自定义.icon11
-
客户服务质量评估.icon12
-
电子邮件通知.icon13
-
学习币.icon14
-
用户自助注册.icon15
-
课程管理.icon16
-
保存.baocun1
-
下移.xiayi
-
上移.moveup
-
报表.baobiao2
-
取消.quxiao2
-
收藏.shoucang
-
搜索.sousuo
-
设置.setupb
-
屏蔽.pingbi
-
关于我们.guanyuwomen
-
下拉.xiala3
-
导出.daochu1
-
阀门.famen
-
app.app
第一步:使用font-face声明字体
@font-face {font-family: 'iconfont';
src: url('iconfont.eot'); /* IE9*/
src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff') format('woff'), /* chrome、firefox */
url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
第二步:定义使用iconfont的样式
.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;}
第三步:挑选相应图标并获取字体编码,应用于页面
<i class="iconfont">3</i>