对于网页应用中的字体图像 一般的做法是将页面设计里的svg图片导出 上传到字体制作网站比如Icomoon和Fontello 这类网站会将svg图像制成字体文件 最终这些字体文件和相对应的CSS会被导入项目中

以Fontello为例 通常的流程是 打开Fontello官网 将需要转化为字体的svg文件拖拽至指定区域 选中 之后点击“下载字体”按钮 每当我们需要新添加一个字体时 要先将原有的字体文件和新的svg文件先后拖拽进去 再点击下载

新的设计总会包含新的字体 一步一步重复以上步骤 对于我来说有些困扰 更不要说我最讨厌的拖拽操作了 所以写了一个小工具fontello-svg-uploader可以通过API去完成整个上传下载字体的流程而不需要打开网页或进行任何拖拽操作 对于和我一样喜欢命令行操作的前端来说 也许会有用

下载安装fontello-svg-uploader之后 只要将svg文件放在指定文件夹里 然后运行一段命令 字体文件压缩包就会下载到根目录下了

也许可能大概会有bug吧...