微信小程序引入iconfont图标

时间:2024-03-22 15:25:35

一、百度搜索iconfont

微信小程序引入iconfont图标

二、 搜索想要的图标,在选择一个适合自己的图标

微信小程序引入iconfont图标

三、 鼠标放在图标上,点击第一个选项(添加入库)

微信小程序引入iconfont图标

四、点击购物车图标

微信小程序引入iconfont图标 

五、选择第一个按钮(添加至项目),项目没有的可以就地创建

微信小程序引入iconfont图标

六、回到项目中,点击下载至本地

微信小程序引入iconfont图标

七、找到iconfont.css 

微信小程序引入iconfont图标

八、创建iconfont文件夹,以及iconfont.wxss文件,把下载的iconfont.css的内容放入iconfont.wxss中

微信小程序引入iconfont图标

九、引入文件iconfont

微信小程序引入iconfont图标

以上就是微信小程序引入外部icon图标的详细教程!