小程序应用iconfont教程

微信小程序引入Iconfont图标（可修改样式）

1:添加需要的图标至项目;
链接：https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2

2:下载至本地;

3:解压，找到iconfont.css ，更改后缀名为confont.wxss;

4:在app.wxss文件中引入（全局文件中引入，路径要正确哦~）

/* app.wxss文件 */
@import"./iconfont/font_1799731_h63n8jiz5a4//iconfont.wxss";

或者
（创建iconfont文件夹，以及iconfont.wxss文件，把下载的iconfont.css的内容放入iconfont.wxss中，这样更容易找到)

5：使用(选择复制代码，在class中使用，前面一定要加iconfont)

  <image class="iconfont iconsousuo"/>

6：更改style样式，就用class名，像普通class一样修改就可以了

.iconsousuo{
    height: 30px;
    font-size: 20px;
}

总结：使用这种方法引用的图标可以进行样式更改，是彩色icon，如果需要新增icon的话，我的方法比较暴力，直接删掉之前下载的文件，重新下载一遍图标，对于我这种小蠢蛋比较适合哈哈~