第一步:先下载阿里图标库字体

 

支付宝小程序使用阿里图标库

第二部:https://transfonter.org/进入这个网址把iconfont.ttf文件转成base64 encode格式的编码文件,转后有三个文件只用其中两个

支付宝小程序使用阿里图标库

 

第三部:把生成的文件中的stylesheet.css改成acss文件

第四部:在自己要用的支付宝小程序中创建static文件在static文件中创建ali-icon文件,再将第三部生成的字体文件中的iconfont.ttf文件和stylesheet.acss文件放入其中。

支付宝小程序使用阿里图标库

支付宝小程序使用阿里图标库

第五部:再将第一步下载阿里图标文件中的iconfont.css改成acss。也放在ali-icon文件中,然后在最外层app.acss中引入  @import "/static/ali-icon/iconfont.acss"; 就行

支付宝小程序使用阿里图标库

 

然后再要使用的页面文件添加<text class="iconfont icon-weibiaoti1"></text>

支付宝小程序使用阿里图标库

显示效果:

支付宝小程序使用阿里图标库

相关文章:

  • 2022-12-23
  • 2021-05-19
  • 2021-10-30
  • 2021-05-08
  • 2022-12-23
  • 2022-02-07
  • 2021-10-01
  • 2021-04-05
猜你喜欢
  • 2021-04-11
  • 2021-10-05
  • 2021-05-16
  • 2021-09-16
相关资源
相似解决方案