微信小程序使用字体图标的方法iconfont

一. 先到阿里巴巴矢量图标库，搜索你想要的图标，然后添加入库。

将使用到的图标加入购物车
点击购物车
下载代码
获取字体库文件

二. 到这个平台 https://transfonter.org，把刚才下载的ttf字体文件转化成base64格式

将ttf字体文件转成base64格式
点击Download下载下来
下载后解压下来
打开stylesheet.css文件，复制以上内容
把刚刚复制的代码粘贴到wxss文件中
打开之前在字体库上下载下来的压缩包，找到iconfont.css文件，打开它
复制这些内容到wxss文件中
将上一步复制的内容粘贴到wxss处
在wxml中使用iconfont字体库
最终效果
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容