IconFont 图标
-
fmy_pencil.fmypencil
-
fenxiao.fenxiao
-
wenhao.wenhao
-
勾选 Choose.iconchoose
-
analysis_icon_yingxiao.analysisiconyingxiao
-
gongju.gongju
-
fangke.fangke
-
send.send
-
wenhao.wenhao1
-
icon_bottom_manage_money_highlighted.iconbottommanagemoneyhighlighted
-
模板.iconfontmoban2
-
商城.shangcheng
-
shezhi_01.shezhi
-
baocun.baocun
-
下载报表.xiazai
-
icon-feiyong.feiyong
-
jia.jia
-
xiadan.xiadan
-
商户管理.shanghu
-
iconfont-ren.iconfontren
-
xiaoxi.xiaoxi
-
bianji.icon13
-
所有商品.iconfontshangpineps
-
iconfont-qiandai.iconfontqiandai
-
failure tips.iconfailure
-
kaisuo.kaisuo
-
xiangzuo.xiangzuo
-
sousuo.sousuo
-
bianji.bianji
-
fenlei.fenlei
-
huiyuan.huiyuan
-
icon-search.iconsearch
-
prod-dns-small.proddnssmall
-
prod-yunjiankong-honestly.prod-yunjiankong-honestly
-
prod-yunjiankong-hollow.prod-yunjiankong-hollow
-
comm-icon-beian.comm-icon-beian
-
close.close
-
money.money
-
dingdan.dingdan
-
增加缩进.indentincrease
-
delete.delete
-
xinfeng.xinfeng
-
weixin.weixin
-
收缩.shousuo
-
hongbao.hongbao
-
aliyun.aliyun
-
iconfont-huiyuan.iconfonthuiyuan
-
iconfont-enter.iconfontenter
-
baobiao.baobiao
-
icon-close.close1
-
iconfont-shujuku.iconfontshujuku
-
分销.fenxiao1
-
search-large-o.searchlargeo
-
money.money1
-
huodong.huodong
-
sousuo.sousuo1
-
staff.staff
-
money.money2
-
报表.baobiao1
-
icon-suo.iconsuo
-
xiangyou.xiangyou
第一步:使用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>