如何在vue项目中系统的使用iconfont字体图标
前言
今天聊一下前端iconfont的使用方式,前端的图标经过这些年的发展,变得更系统化了,从最开始,我们使用的img图标,需要一个一个导入,再后来发明雪碧图,所以图标放在一张图上,利用定位进行使用,但是在添加新图标的时候,也会让之前图标的定位改变。维护起来也十分不方便,再到后来兴起fontawesome,用cdn进行引入,直到现在最终投入阿里iconfont的怀抱中。使用它可以方便快捷的管理整个项目的图标
iconfont的特色
iconfont和fontawesome不同的点在于,fontawesome不需要注册,直接在项目中引用cdn地址或者把文件下载后直接放到项目文件中使用,这样的优点是有点类似即插即用,不方便管理图标,而且图标数量慢慢也不如