微信小程序之使用iconfont

注意点：icon图标无法显示可能原因，小程序的wxss文件font-face的url不接受http地址作为参数,因此要先将字体文件下载后,转换为base64（步骤六）

使用iconfont步骤：
1.去iconfont选择需要的图标,点击图标上的购物车添加入库
官网：https://www.iconfont.cn/search/index
2.点击顶部购购物车，点添加项目。没项目就自己新建一个

3.icontfont-资源管理-我的项目， 选择刚才保存的项目，点击下载到本地

下载后得到

4.将上面的iconfont.css拷贝到自己的项目中，并将后缀改为.wxss(因为微信小程序支持的是wxss)

5.在app.wxss中引入刚才的iconfont

6.打开网站, Online @font-face generator 上传字体,选择base64编码,Convert后下载


7.下载下来的文件中的css文件内容，替换放入项目的iconfont.wxss的@font-face内容，可以就保留一个src, 不然文件会有点大

替换后：

8.使用

得到：