微信小程序怎么使用字体图标

首先将阿里图标下载到本地解压 

微信小程序怎么使用字体图标

 微信小程序怎么使用字体图标

转换ttf文件

进入https://transfonter.org/,将解压出来的ttf字体文件转化成base64格式。流程如下:

微信小程序怎么使用字体图标

点击下载,得到转换后的压缩包,名为transfonter.org-开头。解压可以得到如下图的几个文件:

微信小程序怎么使用字体图标

将里面的stylesheet.css全部复制到微信小程序中的样式文件:app.wxss,并且在将阿里图库下载的字体文件中将iconfont.css中除了微信小程序怎么使用字体图标

红色框以外的样式全部复制到微信小程序的样式文件中。

使用:微信小程序怎么使用字体图标

 结果:微信小程序怎么使用字体图标