让微信小程序使用base64字体图标icomoon

第二步：在线转换base64编码字体

解压icomoon.zip

浏览器打开：https://transfonter.org/

transfonter.jpg

点击“Add Fonts"按钮，上传解压文件夹中的字体文件：fonts/icomoon.ttf

在下面选项中，将Family support，Base64 encode两项设置为On，Formats一栏可只勾选woff2(生成文件的字节数少)

点击”Convert“按钮后，会在下面出现一个download链接，点击下载（transfonter.org-20180805-033630.zip）

第三步：合成小程序使用的 .wxss文件

在小程序工程中新建图标字体样式文件，如common/icons.wxss

打开第二步下载的文件包中的stylesheet.css，将@font-face内容拷贝到小程序的icons.wxss中

打开第一步下载的文件包中的style.css，将[class^="icon-"] 及以下的内容拷贝到icons.wxss中

第四步：使用字体图标

在wxml文件中使用view标签或image标签，添加class为wxss文件中的类名即可，若需要改变图标字体大小可以通过font-size来改变：

作者：Joyourlife

链接：https://www.jianshu.com/p/baab4041c6ce

来源：

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。