安全可控的像素字体制作流程

安全可控的像素字体制作流程

摘要:安全可控的像素字体制作流程

关键词:像素字体,DIY,制作流程

去年开始研究像素字体的DIY制作,写了几篇文章,参见:

1、免费像素字体制作工具和方法指南

2、教你画像素画:像素中文字体制作方法

3、教你画像素画像素字体进展&FontForge操作指南

今年决定重启像素字体项目,如果你也想尝试自己做像素字体,可以参考我的制作流程。

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像素字体的时候遇到问题,欢迎留言探讨。

Author: pixel32