好久没发文章了。刚换了新工作，一个新的环境和一批新的同事，第一天的压抑到第三天的嗨皮，很感谢大家的帮助。现在工作不忙，来给大家推荐一个字体图标网站，让UI妹子们放飞自我。

第一步：输入网址 https://icomoon.io 找到字体图标网站，头疼~~~~~~~~ 又是一个英文网站，看不懂！！！
别着急，不用看懂也能使用这个网站，记住也不需要登录，不用登录哦

1.jpg

第二步：点击 import icons 上传做好的图标，图表格式要是SVG格式（用AI做图标，保存SVG格式的时候图标颜色统一用灰色就行，因为我们给前端的是代码，他们可以自己控制大小和颜色，不需要我们去上传有色图标）
图标上传完毕之后，用鼠标点击你所要转化的所有图标（带黄色边框的表示选中，灰色没选中），再点击右下角 Generate font F 按钮，所有的矢量图标就自动转化为字体图标了

2.jpg

第三步：此页面是所有自己图标的展示，点击右下角的 Download 按钮 ，就可以下载转换之后的字体图标了

3.jpg

第四步：打开下载的压缩包，直接整个文件夹给到前端就可以，他们会自己查看里面的font文件夹和style.css文件

4.jpg

只需要给前端一个文件夹，和蓝湖上面上传的设计源文件，他们就可以编写前端页面了