手把手制作前端图标字体

在做新项目的时候，特别是在做定制化开发时，设计师通常会提前设计好系统中所有使用到的图标，此时前端框架中自带的图标并不能完全满足，如果直接导入项目中也可以使用，但是项目的资源会比较大，页面加载时会有一点的影响，而且代码看上去并不简洁，此时可以尝试把这些图标封装为字体图标，直接以图标格式的方式进行引用，具体步骤如下

打开网站：https://icomoon.io/

 第一步：点击右上角IcoMoon App

第二步：点击Import Icons，上传UI给的图片图标；（注：此处图标需要是svg格式，否则无法上传），上传后则可以看见我们所上传的图标，点击勾选需要转icon的图标

第三步：点击右下角按钮生成