美文网首页技术栈
fontawesome 图标在微信小程序中使用教程

fontawesome 图标在微信小程序中使用教程

作者: Rising_life | 来源:发表于2019-04-30 11:56 被阅读13次

fontawesome图标是一套前端使用频繁的icon字体图标库,在微信小程序中同样也可以使用。

1. 下载字体图标,官网链接

2. 找到1中下载的字体图标文件中的如下图.ttf文件

3. 将2中的字体在https://transfonter.org/ 中,转换成css文件

第一步

第二步

第三步

第四步

4. 将3步中得到的css文件中的样式,全部复制粘贴到app.wxss中

5. 将1中下载的字体图标文件中font-awesome.css文件,复制到app.wxss中,删除@fact-face{}部分

6. app.wxss文件中调用

7. 在wxml中使用方法与HTML中相同。

相关文章

网友评论

    本文标题:fontawesome 图标在微信小程序中使用教程

    本文链接:https://www.haomeiwen.com/subject/acimnqtx.html