获取图标

现在官网下载压缩包Font Awesome，一套绝佳的图标字体库和CSS框架 (dashgame.com)，将文件解压后，得到以下文件：

转换字体文件

将font/fontawesome-webfont.ttf文件

通过Online @font-face generator — Transfonter获得Base64编码格式的文件，具体操作配置如下：

下载后得到一个压缩包

修改样式文件

解压压缩包，将解压出的文件中的stylesheet.css改名为stylesheet.wxss

将fontawesome文件下的css/font-awesome.css改名为font-awesome.wxss

最后将这两个文件放入微信小程序的项目文件中，在app.wxss中引入就可以使用了

1
2
@import"./stylesheet.wxss";
@import"./font-awesome.wxss";