「教程」自定义编辑字体及输出TTF/OTF字体文件

/ 0评 / 0

前期准备

  首先在开始编辑字体之前需要做一些准备工作,包括素材、编辑工具等。需要的准备工作:
  1. 自定义字体的svg文件(因为svg是矢量图所以效果好些),必要的时候可以下载自己准备修改的字体文件用来作为基板进行编辑。
  2. 字体编辑器,如 百度字体平台 或者 FontCreator 等字体编辑器。

编辑步骤

百度字体平台

  因为FontCreator软件是收费的,所以这里选择使用百度字体平台,效果差不多。有需要可以自行搜索网上破解版软件,如果是土豪建议买正版。

百度字体平台

FontEditor

  点击导航栏中的FontEditor进入到字体编辑器页面。

百度字体平台 FontEditor

创建字体

  点击页面左上角中的新建按钮创建一个新的项目。

创建字体项目

  然后点击菜单栏中的导入将对应的素材导入到编辑器中。

导入字体文件

编辑字体

  导入字体成功后如下图所示。如果是导入svg增加的只是一个字形,这时候可以对字体进行增删改操作。

编辑字体

设置代码点

  完成了编辑工作之后还有一步比较重要的工作,就是给每一个字形设置代码点。如果是导入的字体默认已经有代码点了。但如果是svg或者图片等形式导入的字形则需要自己进行设置。具体的代码点的值可以参考其他字体文件中的设置参数。例如$31代表的是数字1,$32代表的是数字2等等。

设置代码点

导出字体文件

  设置代码点完成之后就大功告成了。根据需要点击页面顶部的TTFWOFFZIP导出对应的文件。

导出字体文件

结尾

  导出的字体文件可以应用到电脑系统、H5页面或者手机应用等地方。自己定制和打造一款属于自己的字体还是很有意思的。

作者:Klavor Lee
来源:Klavor's Blog
原文:https://www.klavor.com/dev/20181226-126.html
版权声明:本文为博主原创文章,转载请附上博文链接!

发表评论

电子邮件地址不会被公开。 必填项已用*标注