不得不说，网络型图标给予我们很多方便。其中，提供的图标可以利用css修改样式，而不是如png图片那样。

其中，bootstrap就为我们提供了不少的图标，但是我们有时刚不得不自定义些图标。那么，如何创建此类图标呢，下面是我的制作过程。

一、创建SVG图标文件

相信，此应该难不倒多数的设计师。对于设计，我是菜菜，由于我使用ubuntu的原因，我使用的是inkscape。

我的设计过程，也挺简单的。利用已有的图标，并在其基础上做出修改。

二、上传到Web App的网站

这类Web Font 网站提供了，很方便的工具，如 Fontello 、 IcoMoon 、Flaticon 。我使用的是Fontello。

将设计好的图标直接拖拉上页面，即可。

当出现“非单一路径”的问题时，需要重新修改一下图标。我就出现此情况，解决方法：

1. 拆分组合（如果有的话），保证单独的个体
2. 再对各个单独的个体做转化（对象转为路径、轮廓转为路径）
3. 使用「粘贴」「合并」，将多个路径合并了一个
4. 保存

然后选择所有上传的图标，注意页面显示的图标与你设计的是否一样，没问题后，点击下载。

三、添加进程序

参考 fontello.css 的路径，将 font 文件夹放到合适的地方。不考虑ie的话，可以只需要直接使用fontello-embeded.css文件。

最后，就可以如用 fontawsome 一样使用图标了。