微信小程序引入图标字体Font Awesome

1. 下载Font Awesome包，链接：Font Awesome中文官网

2. 打开下载的包，找到.ttf文件

   
   
   

   image.png
3. 打开字体上传转换网址 https://transfonter.org/，添加.ttf文件,选择base 64编码，上传即可
   
   

   image.png
   
   4.下载上传的文件包
   
   

   image.png
   
   5.打开下载文件下的stylesheet.css文件，复制代码到app.wxss文件下
   
   

   image.png
   
   6.打开下载的Font Awesome包，找到font-awesome.css文件，复制内容，去掉@font-face 代码，其余的代码复制到app.wxss文件下。这样就可以全局使用Font Awesome图标字体啦~
   
   

   image.png
   
   注：
   1、这里是把字体代码放在全局的app.wxss文件下，也可以放在自己定义的其他.wxss文件中，引用即可。
   2、由于我用的是font Awesome字体，这里只提到font Awesome字体的引用方式，像iconfont字体也是可以类似引入的，如有需要请自行查询。