前言
网上的教程几乎都是清一色的引用阿里云矢量图标的在线链接,可惜现在阿里现在已经没有在线链接了。
解决方法
然后我吧文件下载到本地尝试引用,抱歉woff文件识别不了,微信小程序是没法直接识别woff文件的,通通渲染层报错。
原因是:原生小程序无法直接引入woff字体文件
。
一个折中的解决方法是把woff文件转换成base64
放到wxss文件中。
这对于图标来说还是足够了。
在这里直接选择base64支持也可以。
把下载的字体文件转换成base64,我这里是用的woff2转换的
https://transfonter.org/
记得把base64打开
在这里插入图片描述
然后就可以显示出来了