font awesome图标在导航菜单上使用非常方便，如何将自己喜欢的图案制作成图标并能像font awesome图标一样使用呢？
1. Photoshop中导出图案路径
将一般点阵图(常见JPG、png、tif等格式)在Photoshop中用钢笔等工具钩出所需路径，或用选区等工具选择区转为路径。点击文件菜单-导出-路径到Illustrator,保存文件名。
2. Illustrator中加工图案并保另存为SVG格式矢量文件
Illustrator新建一个合适大小新文档(80px*80px)，在打开刚保存的路径文件，选择复制到新建的文件，用工具调试大小并上色后另存为svg格式矢量文件。
3. 利用阿里巴巴矢量图标库网站制作font awesome字体图标文件
阿里巴巴矢量图标库网站https://iconfont.cn已提供了许多图标，也可也将自己的SVG文件上传并生成字体图标下载使用。用微博帐号或注册帐号登陆后直接上传自制的一个或多个svg文件，然后选择一个或多个svg文件到购物车后下载。
4. 安装下载的图标到适当位置并正确引用
以wordpress为例，将下载解压后的以iconfont为前缀的6个文件复到wordpress主题文件夹下CSS文件夹里。
编辑主题的functions.php文件，在该文件内找到wp_enqueue_style后增加一行”wp_enqueue_style( ‘iconfont’, get_template_directory_uri() . ‘/css/iconfont.css’, array( ), null );”
登陆wordpress后台在主题的外观-菜单-菜单结构-导航标签下添加”<i class=”iconfont icon-clock”></i>“,”XXX”为下载图标名称保存即可实现自制导航菜单图标。
如果你想将自制图标插入其他地方使用，请参照下载文件里的demo文档的说明使用方法。