如何把矢量图做成iconfont

1、选中psd中的形状图层，导出路径到ai，或者选中形状，复制



2、打开ai，新建一个64px* 64px的空白画板

3、将上面导出的ai文件打开，全选复制路径，粘贴到空白画板中

4、涂黑

会变成这样

5、针对镂空的图需要选中所有路径，然后选中效果中的路径查找器，点击差集的选项即可完成镂空

6、一些路径有互相交叉的情况，可能就需要用到路径选择器中的联集等选项，最后生成的形状必须是没有交叉的。

操作后:

有些需要删除一些锚点，多调试几次即可。

7、有些图是描边的，描完之后还不行，会发现路径并不在轮廓上

这时需要用到对象-路径-轮廓化描边

做完操作后会发现圆环内外有两条路径了，ok

8、保存为svg格式再上传到http://www.iconfont.cn/icons/uploadManage 上即完成。

关注 web翎云阁，定时推送，互动精彩多，若你有更好的见解，欢迎留言探讨！

赏

谢谢你请我吃糖果

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

很惭愧<br><br>只做了一点微小的工作<br>谢谢大家