小程序中阿里图标引入方式


小程序中阿里图标引入方式

 

一、打开http://www.iconfont.cn,搜索自己需要的图标,并添加入库,加入自己建好的项目

 二、将图标文件下载至本地

三、解压缩下载的文件,并打开iconfont.ttf文件,

四、将页面所有内容复制到需要引用图标的小程序页面的wxss页面,例如index.wxss

五、将iconfont.ttf文件转化为base格式文件

打开https://transfonter.org/

六,解压缩转化后的文件,打开stylesheet.css文件

 

 复制@font-face所有的样式。

覆盖iconfont.ttf中的@font-face部分内容,覆盖掉下图红线框住的代码。

 七、在index.wxml中引入


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM