阿里字体图标官网：http://iconfont.cn/
1.首先在阿里字体图标官网将需要使用的图标加入购物车，并按下图中的操作下载到本地
2.在支付宝小程序的根目录新建static/ali-icon
3.将下载下来的字体压缩文件解压，解压后的文件内容如下
4.将文件夹中的iconfont.css名称改成stylesheet.acss;
5.将iconfont.ttf和改完名的stylesheet.acss拷贝到小程序项目内的static/ali-icon文件夹下；
6.在static/ali-icon文件夹下新建iconfont.acss文件，内容如下
@import "/static/ali-icon/stylesheet.acss"; @font-face { font-family: 'iconfont'; src: url('iconfont.eot'); src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff') format('woff'), url('/static/ali-icon/iconfont.ttf') format('truetype'), /* 使用的ttf，所以这里的路径不能出错了 */ url('iconfont.svg#iconfont') format('svg'); } .iconfont{ font-family: "iconfont" !important; font-size: 12px; font-style: normal; } .icon-home:before{content:'\e613';} .icon-home1:before{content:'\e7a3';} .icon-gouwuche:before{content:'\e60c';} 7.在app.acss文件中引入iconfont.acss
/* 阿里图标样式*/ @import "/static/ali-icon/iconfont.acss"; 8.在index.axml中使用iconfont
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/218019.html原文链接：https://javaforall.net
