如何创建自己的字体(6个简单步骤)

时间:2021-02-23 17:31

如何创建自己的字体(6个简单步骤)

诸如字魂字库之类的软件包共同提供了数千种不同的字体,为您的特定项目选择正确的字体的选择几乎不计其数。但是,您仍然只限于选择其他人创建的字体。想要创建自己的字体有多种动机,并且同样有很多选择。

本文将带您逐步学习如何使用中级软件创建自定义字体。我们还将为一些较少的技术选择以及更高级的替代方法提供建议。但是,在此之前,让我们先弄清楚为什么要创建字体。

为什么要创建自定义字体?

字体创建会变得非常技术性,耗时且昂贵–因此,在开始之前,先弄清楚您想潜入的深度是值得的。字体的预期用途将有助于确定要投入多少时间和金钱来进行字体开发。

如果只是为了好玩, 您可能只需要一个基本的字体创建工具,例如手写转换器。如果是针对特定项目的,则您可能需要花一些时间来学习一些重要的技术,并使用更复杂的软件。这是我们在整篇文章中所采用的路线。

最后,如果要创建供他人使用的字体,则可能需要在开发过程中投入更多时间,并花一些钱购买一些专业软件。

如何创建自己的字体(6个简单步骤)

如何创建自己的字体

如果您对创建一种独特的字体比较认真,并且想要更多的自定义选项,则有几种免费工具可供选择。但是,在进入软件本身之前,我们需要采取一些入门步骤。让我们依次解决每个问题。

步骤1:概述设计简介

这是字体创建过程中最重要的步骤。与任何设计项目一样,必须从一开始就概述目标。在创建自己的设计简介时,有一些潜在的重要问题要问:

您的字体是特定于项目的,还是具有广泛的用途?

该应用程序需要大字体还是小字体?

您是否希望基本字体类型为Serif或Sans Serif?

您是否遇到了可以用来启发灵感的字体?

找到这些问题的答案后,您就可以继续规划字体的设计。

步骤2:从纸上开始

尽管直接使用您的软件很诱人,但许多专业的字体教程  建议早期的设计工作应在纸上完成。在计算机上尝试创建代表您的视觉效果的形状可能会很尴尬且耗时,并且开始使用笔通常更容易,更快捷。

以下是在纸上创建信件的一些有用技巧:

您无需绘制完整的字符集-推荐的“控制字符”通常为“ H”,“ n”,“ o”和“ y”。

标记基线和其他重要的高度线,以用作指导。

查看其他字体以查看字符集中重复的形状。

移动页面而不是手,将允许您创建更平滑的曲线。

步骤#3:选择并安装软件

对于中级版式设计,有许多免费应用程序可用,重要的是选择一个易于使用且具有完成任务所需功能的应用程序。这里有一些我们的最爱。

步骤4:开始建立

安装软件后,就可以开始创建字体了。根据您选择的软件,您可以从头开始,上载图纸的图像或上载字体文件进行编辑。翻译完控制字符后,您可以扩展以包括字母,数字和其他字符。

这个过程的开始可能会很漫长,因为每个软件都有自己的学习曲线。但是,一旦您掌握了很多东西,该过程应该会很快加快。为了帮助您快速入门,以下是您需要在开始时熟悉的一些术语:

字形:字体中的每个单独字符都被视为字形。

基线:所有字体字符所在的不可见线。

上升线:上升线开始的不可见线。

上升高度: “ h”和“ k”等字母的向上垂直笔划的高度。

下降深度:字母“ p”和“ y”上向下垂直笔划的深度。

茎:字母的主要垂直笔划,例如“ F”和“ T”。

碗:字母的闭合圆形部分,例如“ b”,“ d”和“ o”。

贝塞尔曲线:用于建模平滑可缩放曲线的参数公式。

步骤5:完善您的字符集

在字体创建过程中,很容易只关注单个字符。但是,在细化字体时考虑字体的整体外观也很重要。以下是一些提示,可让您在完善字符集的同时保持正轨:

 在处理过程中,通过组合一系列字母来注意字母的间距和字距调整。

测试每个字符的各种大小,尤其是在字体的应用范围很广的情况下。

在整个设计过程中定期打印您的工作,因为看到打印中的内容通常可以更轻松地发现细微的错误。

此时,您就快到了!您已经设计了字体,选​​择并开始使用软件,将其转换为数字格式,然后进行完善以使其完美。现在剩下的就是上传它。

步骤#6:将字体上传到WordPress

完成自定义字体后,您可能要开始使用它。如果字体的预期用途是在您自己的WordPress网站上,则有许多可用的上传方法。最简单的方法是使用字体工具最受欢迎的一种是字体在线转换器:

使用任何字体插件。

该插件会自动转换您的字体文件,提取CSS代码,并将其嵌入到主题文件中。它支持TTF,OTF和WOFF  文件,并且一旦上载,该字体即可在WordPress中使用。该插件对于单个字体转换是免费的,但是捐款10美元或以上将使您可以转换无限数量。

如果您不想使用插件,另一种选择是添加自己的CSS代码。首先,您需要使用字体生成器(例如Font Squirrel或Transfonter)来获取必要的代码。然后,您可以将此代码添加到主题的style.css文件中。对此进行深入研究不在本文的讨论范围之内,但是网络上有很多可用的指南  来指导您。