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

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

浏览量:720 时间: 来源:qq_27449993

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

 

转换ttf文件

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

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

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

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

使用:

 结果:

 

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎