如何在vue项目中系统的使用iconfont字体图标

前言

今天聊一下前端iconfont的使用方式，前端的图标经过这些年的发展，变得更系统化了，从最开始，我们使用的img图标，需要一个一个导入，再后来发明雪碧图，所以图标放在一张图上，利用定位进行使用，但是在添加新图标的时候，也会让之前图标的定位改变。维护起来也十分不方便，再到后来兴起fontawesome，用cdn进行引入，直到现在最终投入阿里iconfont的怀抱中。使用它可以方便快捷的管理整个项目的图标

iconfont的特色

iconfont和fontawesome不同的点在于，fontawesome不需要注册，直接在项目中引用cdn地址或者把文件下载后直接放到项目文件中使用，这样的优点是有点类似即插即用，不方便管理图标，而且图标数量慢慢也不如