首先将阿里图标下载到本地解压 

微信小程序怎么使用字体图标

 微信小程序怎么使用字体图标

转换ttf文件

进入https://transfonter.org/,将解压出来的ttf字体文件转化成base64格式。流程如下:

微信小程序怎么使用字体图标

点击下载,得到转换后的压缩包,名为transfonter.org-开头。解压可以得到如下图的几个文件:

微信小程序怎么使用字体图标

将里面的stylesheet.css全部复制到微信小程序中的样式文件:app.wxss,并且在将阿里图库下载的字体文件中将iconfont.css中除了微信小程序怎么使用字体图标

红色框以外的样式全部复制到微信小程序的样式文件中。

使用:微信小程序怎么使用字体图标

 结果:微信小程序怎么使用字体图标

 

 

相关文章:

  • 2021-09-18
  • 2021-10-04
  • 2021-05-01
  • 2021-07-06
  • 2021-09-02
  • 2021-05-18
  • 2021-11-27
  • 2021-12-31
猜你喜欢
  • 2021-12-18
  • 2021-10-21
  • 2022-01-03
  • 2021-03-31
  • 2021-10-10
  • 2021-08-13
相关资源
相似解决方案