欢迎您的光临,本博所发布之文章皆为作者亲测通过,如有错误,欢迎通过各种方式指正。

文摘  微信小程序使用 Font Awesome字体图标

小程序应用 本站 1063 0评论

1.下载font-awesome字体包

下载地址:http://fontawesome.dashgame.com/ 


2、将下载的字体库压缩包解压,在 fonts 文件下,找到 .ttf 文件

111.jpg


3、将找到的字体文件(.ttf),上传到 https://transfonter.org/ 

选择base64 编码 ,convert后下载

222.jpg


4、将下载的文件解压,找到 stylesheet.css

333.jpg


5、将打开的文件,复制到小程序中的 app.wxss

333-1.jpg


6、在步骤【1】中 css 文件下,找到 font-awesome.css ,然后去掉内容中的 @font-face 部分,再复制到微信小程序中的 app.wxss 中,放在步骤【5】中内容的后面即可


7、小程序中直接引用即可显示对应字体图标

测试代码 :<text class="fa fa-camera-retro fa-lg">图标</text>


参考网址:

https://blog.csdn.net/qq_28988969/article/details/76633921 

https://www.jianshu.com/p/d2a10b918d42 


转载请注明: ITTXX.CN--分享互联网 » 微信小程序使用 Font Awesome字体图标

最后更新:2020-05-13 17:19:40

赞 (1) or 分享 ()
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽