今天有个需求，电脑上有一些特殊的字体（免费的），想把它们用到网页中，但是因为兼容性问题，所以想转化为 svg 来使用，做到最轻便。本来以为可以通过 Photoshop 直接导出文字的 svg，结果 ps 导出的 svg 是将图片 base64 后的 png 作为 svg 内嵌的图片，也是醉了。于是开始 google，很多文献都指向一条路，就是先在 ps 中抽离出路径，然后用 Illustrator 来导出 svg，但我没有装 illustrator，然后想装一个吧，结果 2g 的安装包，要下 1 天多。。。试了网上各种办法之后，最终找到了自己的办法。现在记录一下。

1.创建路径

如果直接在 ps 里面用路径相关的工具画路径，那就无所谓，随便画。如果是文字转路径，很简单，在图层上右键，选择 convert to shape 即可。这个时候，切换到路径面板，可以看到已有的路径。然后回到图层面板，把所有的图层删除干净，这样，就只保留了路径。如果路径和图层绑定，可以在路径面板复制一下该路径。

2.导出为 .ai

新版的 ps 可以直接导出为 .ai 文件。file -> export -> paths to illustrator

3.在线工具

这一招真的很神，在 google 里搜索 ai to svg，一大堆在线工具可以用，我用了这个可以成功转化。

另，由于 ai 实际上是 pdf，文档尺寸必须按照 pdf 的尺寸来，把要转化的元素放在左上角上，才能最好的控制路径的结果。

4.处理 svg

下载下来 svg 之后，你可以得到所有的路径，但是这些路径是分开的。我的文字，一个字就是一个 path，当然，对于字来说，这是好事，但是对于其他画来说就不是了，你要一个一个的去调试，找到哪一个 path 代表哪一个部分。

经过整理之后，我得到了：