微信小程序中使用新版fontawesome5

Ft 2022-05-16 PM 182℃ 0条

1、https://fa5.dashgame.com/下载,
2、选择“fa-solid-900.ttf”字体,到https://transfonter.org/,选择base64 编吗 ,convert后下载。
3、在小程序根目录下新建一个“fontawesomes”文件夹
4、复制源文件fontawesome.css,到fontawesomes文件夹中,重命名为fontawesome.wxss,并修改

.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; 
  font-family:'Font Awesome 5 Free Solid';
  font-weight:900;}

5、复制转换文件stylesheet.css,到fontawesomes文件夹中,重命名为stylesheet.wxss
6、在app.wxss中写入:

@import './fontawesomes/fontawesome.wxss';
@import './fontawesomes/stylesheet.wxss';

7、按照新版语法在页面任意处引用

您的大名:
万水千山总是情,给个打赏行不行。 打赏

非特殊说明,本博所有文章均为博主原创。

评论啦~