基于svg生成iconfont矢量字体图标

对于前端开发，图标是前端页面不可缺少的元素，他能更让前端页面更加丰富。前端页面的初期都是使用图片，对于小的图标使用图片拼成雪碧图不仅影响前端开发的效率，而且图片文件相对较大也会影响网页加载的速度。ionfont字体图标相较于图片他的优势就是文件大小极小，几百个图标才几十上百kb，但是换成图片可能已经有几mb了，其次制作简单，只需UI提供svg图标可以通过工具自动生成字体文件，或者网上有很多免费的图标库可以自动生成矢量字体文件，例如阿里巴巴矢量字体库。但是iconfont字体图标因为他就像字体一样只能设置color属性，所以他只能是纯色的。下面介绍几种生成方法对于前端开发，图标是前端页面不可缺少的元素，他能更让前端页面更加丰富。前端页面的初期都是使用图片