小程序以及h5引入阿里图标不显示最简单解决方案

小程序项目，按照老方法，图标部分手机不显示，经理炸毛，自己也头痛，网上搜了一大堆方法，有转化base64的，还有其他各种的，感觉太麻烦了也不好用，本人就讨厌麻烦，直男程序员一枚，今天花时间，认真研究了一下，发现这个方法兼容性最好，小程序上线半年了，也没有收到反馈看不见图标的，分享出来。

小程序以及h5引入阿里图标不显示最简单解决方案，亲测有效并用于方案。

第一步 小程序项目结构如图：

第二步 登录阿里巴巴，使用unicode，点击复制，代码直接甩到iconfont.wxss文件里面。

第三步 app.wxss 引入这个样式文件
@import “assets/images/icon/iconfont.wxss”

我们找到需要的icon图标
第四步

举例：我们需要使用收藏这个图标xml里面写法如下：

第五步 在iconfont.wxss里面

收藏图标的unicode是 & #xe69e ; 改成“\e69e”，用哪个就在iconfont.wxss下面添加，so easy ！

<