uniapp在线引入阿里iconfont字体图标

来源

废话不多说，写项目的时候总遇到小图标的纠结，设计师切图也麻烦，图标又小，每次切完图下载还得压缩一下，节省空间，还是iconfont字体图标比较香。

引入

因为考虑到下载引入的时候比较麻烦，每次更新图标之后都要重新下载导入，所以开发阶段还是建议采用线上链接，等正式上线的时候再一次性下载导入颇为合适。

1. 点击生成在线代码
2. 直接点击这个链接查看代码​​​​​​​
3. 复制全部的代码
4. 然后进入uniapp项目中，在static下(或其他自定义喜欢的地方)，新建一个iconfont.css文件，把代码拷进去即可
5. 在main.js中直接引入该文件
6. 最后使用就好了，给view元素添加iconfont和图标类名，类名在iconfont官网查看

 

 补充：后续如果有图标更新的话，只需要把这个代码从官网项目重新拷贝更新就好了，无需重复下载导入更新，速度快很多