之前一直使用uni插件里面的icon图标,发现还是不如iconfont多,使用起来不方便。
下面讲解一下如何引入iconfont在小程序中使用。
1、首先将选好的图标加入到项目中,点击下载至本地
2、将下载的下载压缩包解压 放到代码目录中,建议放到static中。
3、建立一个css文件,作为全局引用样式,将以一下代码放到新建的css文件中,“注意路径”
4、在man.js中引入新建的css文件
5、使用引入的图标
最后,如果更换图标,只需要替换;名字即可,如果需要新增图标,请在iconfont逛网,添加至项目后重新下载代码至本地,替换已经下载的font文件即可,其他不需要更改;