Windows系统下用Adobe Illustrator等制作字体教程,含字库封装与合并

时间:2025-07-19作者:admin分类:排版与出版物设计浏览:4评论:0

电脑系统:Windows

所采用的软件包括Adobe Illustrator以及FontCreator。

在工作中,我时常遇到一些困扰,比如字体版权问题、特殊字符的兼容性以及字体不完整等,这些都给我的工作带来了不少麻烦。近年来,国内一些大型企业也开始着手设计自己的字体,例如阿里巴巴的普惠体、腾讯字体以及小米的兰亭字体等。如今,越来越多的设计团队和企业都在努力打造属于自己的独特字体。在字库设计领域,市面上鲜有全面详尽的指导手册,我经过查阅众多资料,不断实践探索,将所学知识零星拼凑,最终制作出了一款字体。现在我将它分享出来,希望能对大家有所助益。

该教程可以满足:

将兼容各类字体风格的封装技术应用于合并两款字体(请注意,版权问题需自行负责,本处仅传授技巧,供日常学习使用),并对该字体文件中缺失的标准字符或特殊符号进行补充。

那么,我们先来了解一下文章的大纲目录:

在着手制作一款字体之前,我们先分享我所搜集到的相关知识(通过不同渠道的学习所得),以此丰富大家的字体知识储备,并为后续字体设计工作奠定基础。这对于那些初学者或是虽未曾制作过字体库但拥有一定字体设计经验的伙伴来说,阅读以下内容是必须的!

一、科普

1. 字库的格式

TTF,即TrueTypeFont,是一种由苹果公司和微软公司联合研发的电脑字体轮廓标准。这种字体类型诞生于20世纪80年代末,旨在与Adobe的Type 1PostScript字体相抗衡。其显著优势在于,它为开发者提供了对字体展示效果、字体大小变换等像素级细节的精细调控能力。TTC(TrueType Collection)是一种将多种TrueType字体整合于一体的文件格式,它将不同字体汇聚于一个独立的文件结构中,旨在更高效地共享轮廓数据。当多种字体共用相同的笔画时,TTC技术能够显著降低字体文件的整体体积。TTC实际上是由多个TTF文件组合而成的字库,安装后,用户在字体列表中能够看到两个或两个以上的字体。OTF,即OpenType字体,这是一种可调整大小的字体格式,基于PostScript技术。它由微软和Adobe共同研发,旨在取代传统的TrueType字体。该字体格式首次在1996年面世。

2. 了解一下字符编码

百度百科中如此阐述:字符编码,亦称作字集码,它指的是将字符集中的各个字符转换成特定集合中的某个实体(诸如比特模式、自然数序列、8位组或电脉冲等),从而使得文本信息能够在计算机系统中进行存储以及通过通信网络进行传输。其中,一些典型的应用案例包括将拉丁字母表转化为摩斯电码以及ASCII编码。ASCII 对字母、数字及其他符号进行了编号,并采用7位二进制数来表示这些整数。此外,通常还会额外增加一个比特,以便能够以一个字节的形式进行存储。

看不懂,对不对?

简而言之,“字符编码”这一概念直白地指的是对字符进行编码的过程,也就是说,在制作字体时,不能随意为它们赋予编码。我们必须遵循一套统一的规范来识别这些字符。当然,字符编码的格式种类繁多,比如UTF-8、GBK、Unicode以及ANSI等。

编辑还为大家推荐了一个网站,便于大家在构建字体库时查找特定字符的编码信息。

该网站提供了一个字符集转换工具,用户可以在此进行字符编码的转换操作。

该网站详细阐述了若干常见字符编码的相关内容,有兴趣深入了解的朋友们不妨仔细阅读一番。

3. 英文字体的一些相关概念

① 英文字体中的基线

基线是西文字体设计和排版中的一个重要概念,它起源于西文字母底部(例如字母E的底部)对齐的标准位置。而中文字体的设计理念则与之不同,它并不存在基线这一说法,每个汉字都被置于一个方形的框架内。尽管如此,在计算机显示过程中,中文字体也部分地沿用了西文字体的这一概念,通常情况下,中文字体框架内文字的底部会位于基线和底线之间。

字符顶端至基线的最大垂直距离称为字符上升距离;字符顶端至基线的建议垂直距离称为字符上升推荐距离;字符基线本身;字符底端至基线的建议垂直距离称为字符下降推荐距离;字符底端至基线的最大垂直距离称为字符下降最大距离。

参考下图:

请大家仔细观察这幅图,若要精心打造一款英文字体,所需掌握的丰富知识也就更为广泛,对此感兴趣的朋友不妨进一步深入研究。

② 字体风格

英文字体中,衬线体,亦称作有衬线体、衬线字或曲线描边字,通常被俗称为白体字;与之形成对比的是无衬线体,即sans-serif字体。衬线特指字形笔画起始与末端的那些装饰性细节。

③ 字间距和字偶间距

字间距,正如其名所示,指的是字符之间的间隔,具体而言,它涉及字符图形的外部边界框的大小以及字符在框内的具体位置。

字偶间距,亦称作字距调整,它是在基本字间距的基础上,对每一对字符进行个性化的间距调整,以便使不同的字偶展现出各自独特的间距值。由于字母形状各异,若字体中所有字母都采用相同的间距,则整体效果将显得不和谐。以“AH”为例,它们之间的间距是标准的;然而,“AV”这对字符,由于V和A的形状特点,它们的位置可以部分重叠,因此需要采用负字偶间距,以确保整体外观的协调性。字体构成要素包括字间距与字偶间距,而字偶间距的设置是为众多字偶所必需的。

4. 中文字体的相关概念

这一段部分引用其他文章,原出处:

该链接指向的页面是SSPAI上的一篇文章,文章编号为71957。

① 中文字体的衬线与非衬线

衬线字体和非衬线字体均源自英文,尽管中文字体种类繁多,但依然能够辨识出衬线与非衬线的特征。以宋体为例,它通常被归类为衬线字体,而黑体则被称作非衬线体。当然,除了这两种常见的字体,中文字体家族中还包括圆体、书法体、手绘体等多种样式。

② 内白(字怀)

字怀,与英文字体中的“字怀”概念相似,指的是文字内部的空白区域,亦称作内白或字谷。然而,汉字的字数众多,且笔画之间的差异较大,某些笔画较少的字天生具有较大的字怀,而笔画较多的字则相对较小。相比之下,英文字母的笔画分布较为均匀。

仔细审视“口”、“回”、“国”这三个汉字,你便会发现,看似简单的“口”字,其内部留白却是最少的。这主要是因为“口”字的中心部分是空旷的,从视觉上看,它显得格外宽敞。因此,为了实现视觉上的和谐,字体设计者特意缩小了内部的留白。

字体大小适中给人以稳定的视觉感受,若字体过大,则显得较为活泼。内间距均匀的字体在视觉上显得更加平衡,适合阅读。而内间距对比鲜明的字体,例如书法字体,则更具节奏感。在当前市场上,多数印刷字体都倾向于追求内间距的平衡。

③ 重心

字体设计的核心要素在于其纵向视觉中心,即重心,这通常位于几何中心之上。确保字体整体外观统一的关键在于保持各字的重心位置一致,而不同字体的重心分布也各有差异。

电脑字体制作教程 _vi排版设计字体_ Adobe Illustrator 字体设计

字的形态比例受重心影响,重心位置越低,字体显得越稳重;而重心位置越高,字体则显得越修长和飘逸。近年来,新推出的字体普遍趋向于提升字体的重心,以增强其轻盈感。以1997年的微软雅黑、2015年的苹方以及2019年的OPPO Sans为例,这些字体的重心都在持续上升。

④ 字面

字面,即文字所占据的空间范围。相同字号下,字体有的显得宽阔,有的则显得狭窄,这种差异便是字面的区别。字面较宽的字体给人以稳重之感,而字面较窄的字体则显得更为清秀。

小细节-喇叭口

喇叭口,即笔画末梢逐渐扩张的区域,其起源可追溯至铅字印刷技术的局限。由于这种技术使得笔画的起始与结束部分色彩较淡,因而显得不够锐利。为了改善这一状况,字体设计师在笔画的起始和结束部分略微加粗,形成了喇叭口,从而使得印刷成品在视觉上达到了平衡。

5. 字体家族和字体

在中文语境中,“字体家族”与“单款字体”这两个概念,人们通常都统称为“字体”。

总的来说,“字体家族”指的是一套完整的设计体系,它由多款“字体”构成,这些“字体”是独立的字体文件。在这些字体家族中,不同的字体通过各自的样式名称来加以区分。常见的样式名称有:常规、斜体、粗体、中等、轻斜体、显示粗体、标题斜体等等。换句话说,是这些关键词的某种组合:

字体厚度包括薄、轻、超轻、标准、中等、半粗、粗、超粗、特粗和黑等不同级别。字体宽度则有压缩、紧缩、扩展和扩展等不同类型。倾斜,诸如斜体、斜向、直立斜体(又称直立意大利体)以及反向斜体等样式,二、设计一款字体。

字体设计的方式众多,搜索结果更是琳琅满目,故此小编不便详述。在此,我想分享一种个人尝试的字体改良技巧。诚然,这种方法尚有许多不足之处,期待大家在评论区提出宝贵意见。本次设计过程中,我选用了 Adobe Illustrator 这款软件。

在着手设计字体之前,我通常会先绘制一个网格线,这让我联想到儿时练习书法时使用的田字格。在此过程中,我并未采用米字格,大家可以根据个人喜好来决定是否使用米字格。

我们采用思源黑体作为基础,该字体整体字的重心位置较为居中,并且这两个字都包含了“言”字旁。若您在寻找一款您特别喜欢的具有艺术感的字体,我可以推荐您使用造字工房的景悦体作为参考。

字工房景悦体:

融合个人创意,譬如我计划使该字体显得更为修长且更具韵味,因此我需将重心提升,并扩大字体的整体宽度。于是,我首先对田字格进行了相应调整,接着按照这一比例对思源黑体的文字进行了修改,同时调整了文字的重心,确保其向上挺拔。

依据个人偏好的字体风格体验,我选取了造字工房的景悦体作为案例。我偏爱其笔画的装饰性,以及所蕴含的简约现代气息。因此,我提取了其笔画样式的特色,并结合自己的创意进行了一番创作。起初,我先将原始字体的细节部分进行了简化处理,并将笔画的粗细调整至统一。

造字工房景悦体的笔画特点:

将思源黑体的笔画处理:

调整后:

在这一阶段,需对字体锚点进行微调,推荐采用键盘操作而非手动拖动,以便塑造字体规范。首先,将笔画起笔处的圆角调整至最大;其次,将笔画收尾部分的粗细适当变细(鉴于原笔画尾端较粗)。对于相同笔画的处理,如拐角处的圆角,仅需统一调整一次即可。这样一来,字体整体看起来更为流畅。至于进一步的细节调整,依旧建议使用键盘操作,确保笔画细节的精确处理。

中间的调整过程我就省略了...主要是对圆角和锚点移动的处理

完成后效果:

完成度不够理想,诸多细节尚待完善,大家姑且先凑合着看,关键是要关注后续的部分!!!

三、使用Fontcreator

我们的字体设计已完成,目前仅由两个图形构成。接下来,我们将对其进行加工,使其成为一款可安装至我们系统中的字体,以便在打字时能够使用。

软件:FontCreator

系统:Windows

fontcreator 功能介绍:

适用于一般电脑操作者、印刷业从业者以及图形设计师;支持浏览与编辑 TrueType 及 OpenType 字体;能够生成新的符号或设计字体;对个别字形的线条进行修改;对合成符号进行添加或编辑;可调节字符间的间距;对字体名称进行编辑;并能转换单个字符或整个字体的格式。

我将软件的绿色版附于文末,供各位用户下载并直接使用,无需安装,只需双击即可启动。

点击图标启动程序,接着选择「文件」菜单下的「新建工程」选项,为你的字体设计取一个悦耳的名称吧。

创建完成后,您会发现画面中存在若干预设字符;若您对这些字符不感兴趣,可以全部选中并予以删除。

你可能想看: