IconFont 图标
-
阿里巴巴.alibaba
-
more.more
-
素材库.sucaiku
-
返回.fanhui
-
旺旺.wangwang
-
删除.shanchu
-
失败 [转换].shibaizhuanhuan
-
删除.shanchu1
-
图片.tupian
-
up.up
-
排列下.pailiexia
-
产品.chanpin
-
计时.weibiaoti103
-
箭头.jiantou
-
客服.kefu
-
二维码.erweima
-
搜索.sousuo
-
搜索title.sousuotitle
-
分类.fenlei
-
时间.shijian
-
重置.zhongzhi
-
down.down
-
导航列表.daohangliebiao
-
分享.fenxiang
-
收藏.shoucang
-
首页.home
-
文本.21
-
手机.shouji
-
减.ordinaryjianhao
-
加.ordinaryjiahao
-
移库单列表.yikudanliebiao
-
公司介绍.gongsijieshao
-
电话.dianhua
-
客服.kefu1
-
提示.tishi
-
创建任务.chuangjianrenwu
-
赞.zan
-
更多.gengduo
-
店铺.dianpu
-
购物车.gouwuche2
-
loading.spinner
-
电话.dianhua1
-
抓图 圆形.zhuatuyuanxing
-
自定义内容.zidingyineirong
-
home_hover.home1
-
pro_hover.pro
-
infro.infro
-
分享.fenxiang1
-
在线客服.zaixiankefu
-
信息.xinxi
-
分类.fenlei1
-
icon_广告牌.iconguanggaopai
-
朋友圈.pengyouquan
-
名片.mingpian
-
互动.hudong
-
qq.qq
-
图集.tuji
-
分销.fenxiao
-
收藏.shoucang1
-
返回顶部.fanhuidingbu
-
相册.xiangce
-
素材招商.sucaizhaoshang
-
未开启提醒.weikaiqi
-
视频.shipin
-
日历.rili
-
消息.xiaoxi
-
保存.baocun
-
优惠.youhui
-
标题.biaoti
-
上.shang
第一步:使用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>