• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序如何使用字体图标

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

在小程序中该如何使用字体图标?以下Font Awesome为例

1、第一步:我们需要进入Font Awesome官网下载字体图标的文件

2、第二步:我们需要用到一个Transfonter生成工具。打开刚才下载的文件,在fonts文件夹找到fontawesome-webfont.ttf

打开Transfonter官网,将fontawesome-webfont.ttf上传,选择base64编码,然后convert

3、第三步:等待转换,转换完成后,点击download下载,下载完成后打开文件,找到stylesheet.css,将源码复制下来,然后进入小程序,将复制的代码放到app.wxss

4、最后一步:找到font-awesome里的font-awesome.css,除去第一段,将其他的都复制下来放到app.wxss,然后按照font-awesome的规范来用就可以了


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序马上要开放了,微信悄悄改变开始预热发布时间:2022-07-18
下一篇:
简单抓取小程序大全,并展示发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap