本文介绍了如何在微信小程序中添加阿里字库的字体图标。首先下载.ttf文件并进行base 64编码转换，然后将转换后的stylesheet.css内容导入wxss文件。接着，从原始的iconfont.css中复制部分代码到wxss文件。最后，在index.wxml中使用代码实现字体图标显示。
如何在微信小程序中添加外部字体图标，如阿里字库
下载字体包，将.ttf文件上传 进行base 64编码 格式转码 https://transfonter.org/
下载文件
打开刚刚我们经过转换的解压出来的文件，找到stylesheet.css，将其中的内容全部复制到index. wxss（或者 复制代码到app.wxss文件里，可以全局也可以局部 ）文件中。注意是转换过的那个文件。
2.
打开没有转换过的download.zip解压出来的文件，找到iconfont.css文件，将这个文件中的没有打岔的内容复制到index. wxss文件中。@font-face这部分不要，只要下边的这部分
最低0.47元/天 解锁文章
扫一扫
170
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
