微信小程序使用fontawesome第三方Icon

283 阅读1分钟

1. 官方下载免费版本

ef917444b2d0cf10dca31f89fc702797.png

2. 使用transfonter编码成Base64

2.1 解压上面下载的压缩包文件,并且找到字体文件

4515006e587dfac49439ba5cee1d1660.png

2.2 打开transfonter,并且打开base64加密,如下图所示

7a42174ce3c3197bb8fc5014cea75db3.png

2.3 下载转换后的文件,并且解压

6658ff56c7029ada4a47a841be2a1480.png

3. 使用转换后的字体icon

这边只是提供实现,具体的代码设计需要自行设计

3.1 把2.3解压后的stylesheet.css和1下载的fontawesome.css拷贝到小游戏工程下,并且修改后缀为wxss

14d38e37c1fc7d4c4db156957fa3c764.png

07d4e8978be922ec5426f1c440a6b0d8.png

3.2 在app.wxss中导入上述的两个文件

2082688fda8e0a974f7dc83fd10d62f6.png

3.3 具体使用

c2d91f469c1a528ef911f7f3d4378f02.png