fontawesome官网地址:http://fontawesome.dashgame.com/

一、

如何在微信小程序中国引入fontawesome字体图标-LMLPHP

二、

下载之后的字体图标 找到 文件中的如下图.ttf文件

如何在微信小程序中国引入fontawesome字体图标-LMLPHP

三、

https://transfonter.org/网站中转换成css文件

如何在微信小程序中国引入fontawesome字体图标-LMLPHP

之后,文件上传之后,将下面几个选项勾选上

如何在微信小程序中国引入fontawesome字体图标-LMLPHP

之后点击下面的按钮

如何在微信小程序中国引入fontawesome字体图标-LMLPHP

然后点击下载:

如何在微信小程序中国引入fontawesome字体图标-LMLPHP

之后解压到一个文件

如何在微信小程序中国引入fontawesome字体图标-LMLPHP

四、

将上图得到的css样式赋复制到一个xxx.wxss中

如何在微信小程序中国引入fontawesome字体图标-LMLPHP

五、

将 一 中下载的字体图标文件中font-awesome.css文件中,除了@fact-face,其余均复制到xxx.wxss中

如何在微信小程序中国引入fontawesome字体图标-LMLPHP

六、将上诉xxx.wxss文件引入到app.wxss中

如何在微信小程序中国引入fontawesome字体图标-LMLPHP

七、使用

如何在微信小程序中国引入fontawesome字体图标-LMLPHP

可以上官网找到类名

效果

如何在微信小程序中国引入fontawesome字体图标-LMLPHP

05-18 16:13