微信小程序引入iconfont图标，解决渲染层失败（2022年7月11日）

前言

网上的教程几乎都是清一色的引用阿里云矢量图标的在线链接，可惜现在阿里现在已经没有在线链接了。

解决方法

然后我吧文件下载到本地尝试引用，抱歉woff文件识别不了，微信小程序是没法直接识别woff文件的，通通渲染层报错。
原因是：原生小程序无法直接引入woff字体文件。

一个折中的解决方法是把woff文件转换成base64放到wxss文件中。
这对于图标来说还是足够了。

在这里直接选择base64支持也可以。

把下载的字体文件转换成base64，我这里是用的woff2转换的
https://transfonter.org/

记得把base64打开

在这里插入图片描述

然后就可以显示出来了