微信小程序开发引入图标库

微信小程序开发引入图标库

小程序的wxss文件中图标url不接受http地址作为参数,可以接受 base64 ,因此可以先将图标文件下载后,转换为base64，然后再引用

1. 去阿里巴巴图标库选择自己需要到图片添加到购物车，然后添加到项目下载到本地，如图：
   
2. 下载zip包解压，进入https://transfonter.org/，点击Add fonts上传iconfont.ttf文件，如图：
   然后依次勾选Base64 encode、TTF，点击Convert，如图：
   下载转换后的zip包：
3. 第1步下载的zip包解压后，打开文件iconfont.css，把里面除@font-face外的其他部分复制，如图红框部分
   复制粘贴到第2步zip包中stylesheet.css文件中
4. 修改文件stylesheet.css名称为：stylesheet.wxss，在小程序app.wxss文件中导入：
   然后就可以在wxml文件中使用：