小程序使用iconfont

---

vue项目使用iconfont

使用iconfont图标样式库-CSDN

---

一、小程序使用iconfont

与普通前端项目一样，在iconfont图标库官网中添加到购物车，再从购物车添加到自己创建的项目中。

1. 找到创建的图标库

2. 查看生成的样式文件在线链接

3. 复制在线链接，直接用浏览器打开

4. 小程序中引入iconfont

创建iconfont.wxss文件(自己命名，可放置根目录下或创建个文件夹放置，看个人情况)

把👆浏览器打开的css样式内容全选复制到创建的空iconfont.wxss文件中

5. 小程序使用iconfont

在根样式文件app.wxss中引入iconfont.wxss
引入app.wxss中作为全局css

/*相对路径*/
@import "iconfont.wxss"

👆app.wxss，如果iconfont.wxss文件不再根目录，需要写相对路径引入

如：既引入color-ui又引入iconfont的项目app.wxss

/**app.wxss**/
@import "colorui/main.wxss";