IconFont 图标
-
搜索.sousuo
-
关闭.gb
-
加.jia
-
返回.fanhui
-
点击.dianji
-
收藏.collect_act
-
赞.icon3zanpinglunzhuanfaliulan01
-
芝麻分.zhimafen
-
帮助.bf-icon-help
-
分享.fenxiang
-
播放.bofang
-
关注.guanzhu
-
失败.shibai
-
钱包.qianbao
-
活动0.huodong0
-
向下30%.xiangxia
-
未选中.not_Selected-copy
-
返回.goto
-
返回.fanhui-copy
-
选择.xuanze
-
关注.guanzhu1
-
邀请.yaoqing-copy
-
更多.gengduo
-
下拉.xiala
-
未读.weidu
-
已读.yidu
-
抽奖中心.choujiangzhongxin
-
邀请.yaoqing
-
签到.qiandao
-
设置.shezhi
-
消息.xiaoxi
-
更多.gengduo1
-
我要悬赏.woyaoxuanshang
-
广告收入.guanggaoshouru
第一步:使用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>