IconFont 图标
-
星星.xingxing
-
新浪微博.xinlangweibo
-
链接.lianjie
-
直播_播放回顾.zhibobofanghuigu-copy
-
箭头.jiantou
-
定位.dingwei
-
排序箭头向上.paixujiantouxiangshang
-
手机.shouji
-
1.1
-
2.2
-
2.21
-
1.11
-
4.4
-
5.5
-
3.3
-
直播.zhibo
-
等级.dengji
-
账户.zhanghu
-
收益.shouyi
-
6.6
-
性别2.xingbie2
-
性别1.xingbie1
-
礼物.liwu
-
111.111
-
222.222
-
333.333
-
wifi 2.wifi2
-
爱心.aixin
-
爱心2.aixin2
-
表情.biaoqing
-
播放键.bofangjian
-
播放键2.bofangjian2
-
打钩.dagou
-
大于号.dayuhao
-
分享.fenxiang
-
钩.gou
-
关闭.guanbi
-
关闭2.guanbi2
-
加号.jiahao
-
禁止.jinzhi
-
减.jian
-
礼物2.liwu2
-
评论4.pinglun4
-
人群头像.renquntouxiang
-
人物.renwu
-
闪电(禁止).shandianjinzhi
-
闪电.shandian
-
设置.shezhi
-
摄影机.sheyingji
-
时钟.shizhong
-
收益1.shouyi1
-
刷新.shuaxin
-
刷新2.shuaxin2
-
锁匙(解锁).suochijiesuo
-
锁匙.suochi
-
相机(刷新).xiangjishuaxin
-
相机.xiangji
-
相机2.xiangji2
-
相机实心.xiangjishixin
-
相机刷新符号.xiangjishuaxinfuhao
-
向上箭头.xiangshangjiantou
-
向下号 2.xiangxiahao2
-
向下号.xiangxiahao
-
小于号.xiaoyuhao
-
星星.xingxing1
-
性别.xingbie
-
音乐.yinle
-
圆心箭头.yuanxinjiantou
-
章鱼.zhangyu
-
铃铛.lingdang
-
评论3.pinglun3
-
评论.pinglun
-
评论2.pinglun2
-
关注的人.guanzhuderen
-
申诉问题.shensuwenti
-
账号问题.zhanghaowenti
-
直播问题.zhibowenti
-
充值问题.chongzhiwenti
-
wifi.wifi
-
关注的人(勾选).guanzhuderengouxuan
-
人群头像空心.renquntouxiang111
-
人群头像实心.renquntouxiangshixin
第一步:使用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>