小程序iconfont

  1. iconfont官网 -> 登陆 ->把自己要的图标添加到购物车
  2. 图标添加到项目 -> 生成在线链接
    这里写图片描述
    下载文件到本地,文件内容是这样的
    这里写图片描述
    因为微信小程序里的wxss文件的font-face的url不接受http地址作为参数,但可以接受base64,因此需将字体文件下载后,转换为base64,然后引用。
    打开https://transfonter.org,把 iconfont.ttf文件拿去转base64
    这里写图片描述
    把转好的文件放入小程序的文件夹里,并修改成 xxx.wxss
    这里写图片描述
    这里写图片描述
    图标的编码在阿里网站理由,取 e696 四位
    这里写图片描述
    效果就出来了

猜你喜欢

转载自blog.csdn.net/weixin_40682842/article/details/80325128