在小程序中引入Iconfont阿里巴巴图标库
在⼩程序中引⼊Iconfont阿⾥巴巴图标库⼩程序的代码包不能超过4M,为了压缩代码包的⼤⼩,可以通过第三⽅链接引⼊图标资源⽆疑是最常⽤的第三⽅图标库,这⾥介绍⼀下在⼩程序引⼊ Iconfont 的⽅法
⼀、下载图标
⾸先挑选图标,添加⼊库
然后添加⾄项⽬
然后在“我的项⽬”中,将资源⽂件下载到本地
建议设置为 font class
⼆、在项⽬中引⼊资源
在⼩程序项⽬中建⼀个iconfont.wxss
小红旗图标怎么弄在下载的资源⽂件中有⼀个iconfont.css,复制⽂件中所有代码,粘贴到iconfont.wxss中
然后在 app.wxss 中引⼊
/**app.wxss**/
@import 'styles/iconfont.wxss';
这时 font-face 中引⼊的资源⽂件还是本地路径
三、将资源路径改为外链
在“我的项⽬”中,将图标格式设为 Unicode,然后“查看在线链接”
复制⽣成的代码
粘贴到iconfont.wxss 中,替换掉原本的 font-face
保存之后即可正常使⽤

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。