利用小程序中不支持 字体，却支持 64 的特点，我们可以通过将 字体转码成 64 ，再通过 的特点，通过设置字体大小和颜色来达到目的。
具体做法：
1.我们可以先去阿里提供的图标库 官网找到我们需要的3个图标， 点击 下载代码 将代码下载到本地~
2.解压我们刚才下载的包，会有以下这些文件，但对于我们来说，会用到的只有 . 和 . 这两个文件。
3.我们要对 . 这个文件进行转码，将它转成 64 格式，刚好 这个网站 就提供了这个功能，按照下图的步骤，分别上传 文件，选择配置，点击转换。
4.转换完成如下图所示，废话不多说，直接下载下来解压，我们需要的是里面 . 这个文件
5.我们在小程序里的静态资源文件夹里新建一个叫 . 样式文件，将 上面解压出来的 . 里面的内容全部拷贝到 . 中，另外，还记得我们上面说的 . 吗？这时候就要派上用场了，我们打开 . 这个样式文件，将下面的样式，也就是我用红框标注的内容到 . 文件里，注意上面的不需要！！
到此为止，准备工作算是已经完成了，这时候你的 . 应该类似下面这样:
6.接着，将我们的字体文件引入到 . 全局 , 这样你就可以在任何你想用到的地方进行调用了，只需要将 写对就没什么问题了
你要换颜色，只要改变对应的 就可以了~
方案一缺点：每次要添加或者更改一个图标，整个流程都要重新走一遍…
第二套方案的思路是借助 矢量图具有不失真和可以自主填充颜色的特点，通过 属性，用户可以自定义填充颜色，但是小程序里面不支持 标签的，我们通过颜色选择器将用户选择好的颜色填充到 里，在通过转码将换过颜色的 转成 64 编码（在线转换地址）发给小程序，小程序可以直接用在 标签中的 属性上~
缺点：更改颜色不灵活，每个图标都需要转换。
把代码直接内联在的()方法中，语法就是:/+;8,加上完整的代码即可！例如比较常用的-的()方法，代码如下：
改颜色的话直接改 ="#" 就可以。
缺点：
不支持，浏览器出于安全考虑，需要对一些字符进行安全转义。参考张鑫旭大神的文章
参考：
