IconFont 图标
-
时间.shijian
-
错误.cuowu
-
首页.shouye
-
感叹号.gantanhao
-
微信.weixin
-
订单.dingdan
-
箭头上.jiantoushang
-
comment.comment
-
like_fill.likefill
-
like.like
-
已读信息.yiduxinxi
-
标记点1.biaojidian1
-
章节.zhangjie
-
答题卡.datiqia
-
share.share
-
左-2.you
-
右-2.you1
-
qq.qq
-
down.down
-
未选中.weixuanzhong
-
考试.exam
-
单线头像.danxiantouxiang
-
二维码.erweima
-
记录.jilu
-
收藏.shoucang
-
单线头像_Line.danxiantouxiangline
-
开始.kaishi
-
用户_填充.yonghutianchong
-
支付宝.alipay
-
头像.touxiang
-
收藏.shoucang1
-
错.cuo
-
标记.biaoji
-
公开课.gongkaike
-
漏斗图.iconloudoutu
-
分享.fenxiang
-
收藏.shoucang2
-
等待下载.dengdaixiazai
-
钱.qian
-
课程管理.kechengguanli
-
二维码.erweima1
-
微信.weixin1
-
微信支付.weixinzhifu
-
复制链接a－48px.fuzhilianjiea48px
-
箭头.arrows
-
结束.powerswitch
-
书笔.1
-
三横.sanheng
-
播放.bofang
-
小对号.xiaoduihao
-
向上箭头.xiangshangjiantou
-
成功.chenggong
-
刷新.shuaxin
-
对号.duihao
-
考试圈.kaoshiquan
-
微博.weibo-copy
-
优惠券.coupon
-
关闭.guanbi
-
提交.tijiao
-
更多.gengduo
-
积分.jifen
-
上一页.shangyiye
-
下一页.xiayiye
-
预约诊断书.yuyuezhenduanshu
-
问号.wenhao
-
左三角.shangsanjiao
-
下三角.xiasanjiao-copy
-
朋友圈.pengyouquan
第一步：使用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>