微信小程序引入图标字体Font Awesome

  1. 下载Font Awesome包,链接:Font Awesome中文官网
  2. 打开下载的包,找到.ttf文件


    image.png
  3. 打开字体上传转换网址 https://transfonter.org/,添加.ttf文件,选择base 64编码,上传即可
    image.png

    4.下载上传的文件包
    image.png

    5.打开下载文件下的stylesheet.css文件,复制代码到app.wxss文件下
    image.png

    6.打开下载的Font Awesome包,找到font-awesome.css文件,复制内容,去掉@font-face 代码,其余的代码复制到app.wxss文件下。这样就可以全局使用Font Awesome图标字体啦~
    image.png

    注:
    1、这里是把字体代码放在全局的app.wxss文件下,也可以放在自己定义的其他.wxss文件中,引用即可。
    2、由于我用的是font Awesome字体,这里只提到font Awesome字体的引用方式,像iconfont字体也是可以类似引入的,如有需要请自行查询。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,613评论 25 709
  • 近年来,中国电子工业持续高速增长,带动电子元器件产业强劲发展。我国许多门类的电子元器件产量已稳居全球第一位,电子元...
    翼_9ade阅读 652评论 0 0
  • 山有寺,寺有僧。 山是有灵山,寺乃有灵寺,僧人名叫有灵和尚。 有灵和尚出家以前名叫练人,练人是长安人。 长安以前不...
    后夏夕颜心静如水阅读 441评论 4 10
  • 晴羽_f74d阅读 238评论 0 0
  • 【公司】浙江康意洁具有限公司 【姓名】景桃桃 【组别】235期六项精进【乐观二组】 【日精进打卡第0 3 9天】 ...
    景桃桃阅读 177评论 0 0