的使用方法废话少说开发过小程序的童鞋肯定会遇到这样的问题。当我们使用iconfont官方推荐的方法在小程序中插入字体时，总会得到一个打印机（搞笑）。那么如何在小程序中正确使用iconfont呢？1、给IconFont添加字体使用github或者其他账号登录iconfont，将我们需要的字体添加到购物车，然后添加到新建的项目中。2.生成代码点击查看在线链接生成代码。3、下载代码点击下载到本地，将下载的字体文件中iconfont.css中style中的代码粘贴到小程序app.wxss中。4、复制代码将我们上面生成的在线链接复制粘贴到小程序app.wxss中，最终代码如下图。/**app.wxss**/.container{height:100%;显示：弹性；弹性方向：列；对齐项目：居中；证明内容：空格之间；/*填充：200rpx0；*/box-sizing:border-box;}/*********在线字体代码start*********/@font-face{font-family:'iconfont';/*项目ID706535*/src:url('//at.alicdn.com/t/font_706535_gcxl9md3eyj.eot');src:url('//at.alicdn.com/t/font_706535_gcxl9md3eyj.eot?#iefix')格式('embedded-opentype'),url('//at.alicdn.com/t/font_706535_gcxl9md3eyj.woff')格式（'woff'），url（'//at.alicdn.com/t/font_706535_gcxl9md3eyj.ttf'）格式（'truetype'），url（'//at.alicdn.com/t/font_706535_gcxl9md3eyj.svg#iconfont')format('svg');}/*********在线字体代码end*********//*********字体文件中的代码start*********/.iconfont{字体系列：“iconfont”！重要；字体大小：16px；字体样式：正常；-webkit-font-smoothing：抗锯齿；-moz-osx-font-smoothing:grayscale;}.icon_back::before{content:"\e62c";}.icon_close::before{content:"\e628";}.icon_refresh::before{content:"\e732";}.icon_jiantou_bottom::before{content:"\e605"}.icon_jiantou_top::before{content:"\e733"}.icon_bill::before{content:"\e627";}.icon_edit::before{content:"\e63b";}.icon_edit_pen::before{content:"\e609";}.icon_right_jiantou::before{content:"\e7a5"}/********字体文件中的代码end*********/五、自定义类名如果我们觉得图标的名字不是好看，我们可以自定义每个图标的类名/***icon_back是自定义类名***/。icon_back::before{content:"\e7a5"}6.引用最后我们在wxml中引用。/***注意类名要对应***/
