由于微信小程序的样式文件是WXSS,而字体图标库大都需要引入css文件,这在小程序中无法实现,参考了网上的文章写了篇教程
字体图标我用的是iconfont的
1.首先创建一个项目
2.在图标库中选择图标,加入购物车,点击购物车里面的 添加至项目

3.点击生成代码

4.点击下载到本地,打开压缩包中的 iconfont.css,将里面的内容复制到wxss中即可, @font-face可以直接复制网页中的在线地址

由于微信小程序的样式文件是WXSS,而字体图标库大都需要引入css文件,这在小程序中无法实现,参考了网上的文章写了篇教程
字体图标我用的是iconfont的
1.首先创建一个项目
2.在图标库中选择图标,加入购物车,点击购物车里面的 添加至项目
3.点击生成代码
4.点击下载到本地,打开压缩包中的 iconfont.css,将里面的内容复制到wxss中即可, @font-face可以直接复制网页中的在线地址
本文标题:小程序字体图标
本文链接:https://www.haomeiwen.com/subject/xlionttx.html
网友评论