SakaGHP Blog

身为平民的我们如何制作属于自己的字体


Saka 字体 y 设计

Saka 不是专业的字体设计师,只是一个爱好者。这个方法是相对比较简单的字体制作方法,Saka 采用了这个方法,在没有经过专业训练的情况下也成功地制作了属于自己的字体。这个方法未必是最佳的打开策。请根据自身实际选择采取最适合的打开策。

本推文也可在苦力怕论坛中发见阅读:https://klpbbs.com/thread-150452-1-2.html?fromuid=280129 。这里的细节和插图更加完整!

大致步骤:绘制→对应到字符→生成字体。

绘制

  • 首先,需要绘制字体字形。例如,我想要制作自己的手写体,就拍照将自己的笔记并载入到矢量图编辑软件中作为参考图,然后描红。我采用的是 Inkscape,一款免费多平台可用的矢量图编辑软件。
  • 然后,分离。创建自己需要的字体的 SVG 图像,一个字符一个图像。分别将描红转移进去。为了保证字体位置一致,个人建议先制作一个样本字、划定参考线,然后再复制样本字文件成其它字符文件,再逐个编辑。
  • 提醒:如果使用描边的方式来绘制路径的话,请在上载到字体制作台之前,先将描边和对象转成路径。(Inkscape 中的快捷键为 Ctrl+Alt+C、Shift+Alt+C)

上载字形到字体制作台。

我采用的字体制作台名曰 IcoMoon。虽然这个网站是专门用来设计图标字体的,但是你也可以拿来生成一般字体。
(但是生成中文字体的话……几千个字符会不会卡顿就不好说了)
注意:IcoMoon 的项目数据存储于浏览器内,不是云端。删除浏览器数据时容易导致项目丢失。欲避免者,可选择破财,也可选择导出为 JSON。

对应是个苦差活,尤其是制作中文字体的时候。但是如果是先导出 JSON 再批量编辑的话,或许会简单不少。正确编辑后,可以再导入的。反正导出的内容没有加密。(或许可以结合 VSCode 之多光标编辑——更改所有匹配项功能快捷编辑)

修改字体元信息、编辑、封装、调整优化。

Icomoon 的 Preference ,或者生成字体界面右下角的齿轮,点击之,就能编辑字体名称等信息了。
其余略

其它补充信息

阿拉伯字母,单个字母有多个变体,只编辑单个字母本身的字形是不够的,还需要编辑“阿拉伯表达形式”分区(分A、B)。类似的还有回鹘文、(呃,应该还有吧?)等。


©2014~2024 Sakarwei
除非另有声明,本站内容採用 CC BY-NC-SA 4.0 授權。
頁末出現本字段之頁面,採用 Hexo 輔助生成