IconFont 图标
-
分类.fenlei
-
充水电.chongshuidian
-
提.ti
-
关闭 删除.guanbishanchu
-
favor_fill.favorfill
-
分类.fenlei1
-
搜索,猫客.sousuo
-
累计评价.leijipingjia
-
收藏商品.shoucangshangpin
-
iconfont-SaledService.iconfontsaledservice
-
iconfont-gengduo.iconfontgengduo
-
选中.xuanzhong
-
搜索.sousuo1
-
语音.yuyin
-
我.wo
-
赞.zan
-
更多.gengduo
-
收藏-选中.shoucangxuanzhong
-
收藏.shoucang
-
返回1.fanhui1
-
返回2.fanhui2
-
返回3.fanhui3
-
返回4.fanhui4
-
三角2.sanjiao2
-
三角1.sanjiao1
-
删除2.shanchu2
-
删除.shanchu
-
扫一扫.scan
-
全部订单.quanbudingdan
-
待收货.daishouhuo
-
列表模式2.liebiaomoshi2
-
待付款.daifukuan
-
account.account
-
删除.shanchu1
-
赞-选中.zanxuanzhong
-
扫一扫.iconfontsaoyisao
-
like.like
-
message.message
-
record.record
-
分享.fenxiang
-
iconfont-saoyisao.iconfontsaoyisao1
-
yanjing.yanjing
-
表情.biaoqing
-
cart.cart
-
Category.category
-
selected.selected
-
OK.messageokicon
-
提示.tishi
-
iconfont-shoucangjia.iconfontshoucangjia
-
留言.liuyan
-
加星收藏.jiaxingshoucang
-
首页.shouye
-
iconfont-guanbi.iconfontguanbi
-
扫码.iconfontscan
-
未选中.weixuanzhong
-
历史.lishi
-
844扫一扫.844saoyisao
-
选择.xuanze
-
未选中.weixuanzhong1
第一步:使用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>