IconFont 图标
-
箭头.jiantou
-
搜索.sousuo
-
搜索.sousuo1
-
wiapp 标注.wiappbiaozhu
-
五角星.wujiaoxing
-
添加.tianjia
-
手机.shouji
-
错误.cuowu
-
上拉.shangla
-
Lock.lock
-
User.user
-
右.you
-
左.zuo
-
上.shang
-
下.xia
-
右三角.yousanjiao
-
左三角.zuosanjiao
-
下三角.xiasanjiao
-
上三角.shangsanjiao
-
返回顶部.fanhuidingbu
-
关闭.guanbi
-
五角星.wujiaoxing1
-
双圈.icon
-
勾勾.gougou
-
正确.iconfontroundcheck
-
ajb_圆圈.yuanquan
-
下拉.iconzhenghe17
-
感叹号.gantanhao11-copy
-
感叹号.gantanhao
-
箭头.jiantou1
-
箭头.u-arrow3-down
-
箭头.u-arrow3-up
-
箭头.u-arrow3-left
-
t-失败.tshibai
-
感叹号.gantanhao1
-
loading.loading
-
错误.icon_wrong
-
名册.mingce
-
下单.xiadan
-
单选框－未选中.danxuankuangweixuanzhong
-
单选框－选中.danxuankuangxuanzhong
-
复选框－未选中.fuxuankuangweixuanzhong
-
复选框－选中.fuxuankuangxuanzhong
-
右下角.youxiajiao
-
编辑.iconbianji
第一步：使用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>