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

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

一、

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

二、

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

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

 

三、

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

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

 

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

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

 

 

 之后点击下面的按钮

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

 

 然后点击下载:

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

 

 之后解压到一个文件

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

 

 四、

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

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

 

 五、

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

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

 

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

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

 

 七、使用

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

 

 可以上官网找到类名

效果

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

 

上一篇:WorkWithPlus 13.15 升级!列表对象的优化效果显著!


下一篇:FontAwesome免费图标在winform中的使用