微信小程序，阿里字体图标的引用

我这个人就是比较执着与字体的引用……
这两天在学习微信小程序，不可避免的又要用到一些图标，通过度娘大法捣鼓了半天，终于实验 成功了。
开始，首先在阿里选中自己要的图标，放进购物车，点击添加至项目

图片：1.jpg

选择一个项目，如果没有项目就点no name新建一个项目

图片：2.jpg

确定后会跳转到一个新的页面，点击查看在线链接

图片：3.jpg

复制下面的代码

图片：4.jpg

引入到微信开发者工具的全局app.wxss里面

图片：5.jpg

再返回阿里图标，点击下载至本地，解压压缩包

图片：6.jpg

打开iconfont.css

图片：7.jpg

将里面的代码复制后，覆盖之前粘贴在app.wxss里的代码

图片：8.jpg

引入后，可以看到下载后的字体图标对应的代码

图片：9.jpg

然后再打开字体图标文件的demo-unicode

图片：10.jpg

就可以查看相对应的图标样式

图片：11.jpg

最后注意的是，在页面中用text引用，是用的类名

图片：12.jpg

引用成功

图片：13.jpg

能帮助微信小程序引入图标失败的问题