美文网首页技术栈
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