安全可控的像素字体制作流程
摘要:安全可控的像素字体制作流程
关键词:像素字体,DIY,制作流程
去年开始研究像素字体的DIY制作,写了几篇文章,参见:
今年决定重启像素字体项目,如果你也想尝试自己做像素字体,可以参考我的制作流程。
0、软件工具
画像素画:Aseprite
png2SVG:AdobeAnimate
创建字体:FontForge
1、设计字体
用Aseprite画出汉字,练手可以画A-Z英文字母+数字0-9,只有26个+10=36个字符。
做中文汉字,可以选择GB2312标准:
GB/T 2312标准共收录6763个汉字,其中一级汉字3755个,二级汉字3008个;同时收录了包括拉丁字母、希腊字母、日文平假名及片假名字母、俄语西里尔字母在内的682个字符。
这是最少的,优先做一级汉字3755个。
实际画的时候,可以用FontForge打开1个中文字体作为参考,FontForge可以将字体重新编码为GB2312。
2、png2SVG
据说这一步可以用python 一行代码实现,可惜我查了很多资料,也没实现。
只能用土办法,先用Aseprite导出放大8000%的png图片,然后导入Animate,文件尺寸设置为1000×1000,然后Trace,导出SVG。
打开FontForge,双击空白字符,导入SVG即可。Animate生成的SVG不是非常规范,会有一些多余的节点,有时间可以选中后去掉。
3、导出字体
等所有区位的汉字都导入了SVG,就可以导出字体了。这个流程可以做到精确控制每一个字,因为每一个字都是像素画家手工画出来的,完全可控。后续修改也很方便。
如果你在DIY像素字体的时候遇到问题,欢迎留言探讨。