上午做的“如何把位图图标变成一个Web字体”那个教程才发布出来，有不少朋友要求我再做一个，自定义图标转换成web字体的教程，反正今天也没什么事做，那就做吧！

这个教程着重讲一下怎么用AI保存SVG，其他内容请看我的上一个教程，传送门

第一步

先用AI制作一个图，图不要太复杂，重点是不能有交叉点，看下面的图，这事我做的一个非常简单的图标，怎么用AI做图标我就不多说了，不会的请百度或者谷歌，其实CDR的图也可以保存为AI格式，我就用的CDR，其实AI我也不怎么熟悉。

看图说话，现在我把这个事先做好的图保存为SVG格式，保存的时候选择"储存为"即可以实现，这里咱们把它保存为“dz9net.svg”

第二步

打开IconMoon在线应用，点击左上方的“Import Icons”按钮，找到刚刚保存的那个“dz9net.svg”文件，点击打开，现在你就可以在“Your Custom Icons”这句话下面，看到刚刚打开的图标了。

第三步

在IconMoon在线应用，选择我们刚刚打开的那个图标，然后在点击页面下方的“Font”按钮，在下一页面点“Download”按钮，鞥带打包下载，到这里，你的图标就做成字体了，教程也结束了。

对于步骤不熟悉的，可以看我的第一篇教程。

恩，提供一下本次教程中所用到的附件，给大家参考下：本教程所用到的附件猛击

IconMoon在线应用地址：http://icomoon.io/app

本文章由多姿远程，欢迎转载，转载请注明出处：http://dz9.net