如何用FontCreator设计一套字体?(字体制作流程和软件)设计达人

所用软件:AdobeIllustrator、FontCreator

该教程可以满足:

1.适用于各种风格字库的封装

3.补齐该字体文件的缺省字符或者缺省特殊符号

百度百科里是这样解释的:字符编码(英语:Characterencoding)也称字集码,是把字符集中的字符编码为指定集合中某一对象(例如:比特模式、自然数序列、8位组或者电脉冲),以便文本在计算机中存储和通过通信网络的传递。常见的例子包括将拉丁字母表编码成摩斯电码和ASCII。其中,ASCII将字母、数字和其它符号编号,并用7比特的二进制来表示这个整数。通常会额外使用一个扩充的比特,以便于以1个字节的方式存储。

看不懂,对不对?

简单来说,“字符编码”字面意思就是“对字符进行编码”,简单来说,你做的每一个字体不能随便给他编个编码,我们要用一套统一的标准来识别这个字符。当然字符编码有很多种格式,例如:UTF-8,GBK,Unicode,ANSI等编码。

小编也给大家放一个网站,方便大家在制作字体库的时候查询到相应字符的字符编码:

该网站也对几个常用的字符编码做了解释,想深入了解的小伙伴可以展开细看~

基线是西文字体设计与排版的概念,源自西文字母的主体底部(字母E的底部)对齐的位置。对于中文字体,本身的设计上没有基线等说法,每个字都在一个方形盒子中。但是在计算机上显示时,也在一定程度上沿用了西文字体的概念,通常来说,中文字体的方形盒子中文字体底端在基线和底线之间。

参考下图:

大家再看以下这个图,想要更好的设计一款英文字体,就需要了解的详细知识就更多了,想要深究的小伙伴可以下去再探究一下。

英文字体分为衬线体(Serif)是一种有衬线的字体,又称为有衬线体、衬线字、曲线描边字,俗称白体字;而与之相对的,没有衬线的字体则被称为无衬线体(sans-serif)。衬线是字形笔画的起始段与末端的装饰细节部分。

字间距(Spacing)顾名思义是字符间的距离,在实现上就是字符图形外边界框的尺寸和字符在方框中的位置。

字偶间距(Kerning)也被称为字距调整,是在字间距的基础上,为实现不同字偶(一对字符)可以有不同字间距的调整值。不同的字母有不同的外形,所以字体只有同样的字间距是不协调的,比如“AH”间是标准的字间距,而“AV”由于V和A的形状,其位置可以重叠,所以需要负字偶间距才能达到协调的外观。字间距和字偶间距都是一个字体的组成部分,并且字偶间距需要为很多字偶准备。

衬线与非衬线源于英文,中文字体错综复杂,但还是可以找到衬线与非衬线的痕迹。例如下图,我们通常把宋体一类的字体叫做衬线字体,黑体一类的字体称为非衬线体。当然除了这两类字体,中文还有圆体、书法体、手绘体等等。

与英文字体「字怀」一样,字怀是文字内中空的空间,也叫内白、字谷。与英文字体不同的是,汉字的字数多且笔画差距大,有些笔画少的字天生字怀大,笔画多的字自然字怀较小,而英文字母相对平均一些。

观察「口、回、国」三个字,你会发现最简单的「口」字反而内白最小,这是因为「口」字中心是空的,视觉上会显得很空很大,所以字体设计者通过缩小内白的方式来达到视觉上的平衡。

字怀偏大的字体观感稳定,反之则比较灵动。内白均衡的字体视觉更稳定均衡,适于阅读。而内白对比强烈的字体(如书法字体)会更有律动。目前市面上的印刷字体大多追求内白上的均衡。

重心指的是字体的纵向视觉中心,通常会比几何中心偏上一些。让字体「看起来是一套」的重要手法就是重心位置一致,不同字体的重心略有不同。

重心决定了字的身材比例,重心越低越稳重,字面越高越高挑轻盈。最近几年新设计的字体都倾向于提高字体重心,增加轻盈感。比如1997年的微软雅黑、2015年的苹方、2019年的OPPOSans,重心在不断提高。

字面,可以理解为字所占的面积。同样字号的字体,有些显得大有些显得小,这就是字面的不同。字面大的字体会观感比较稳重,字面小的观看会比较清秀。

小细节-喇叭口

喇叭口是笔画末端变宽的部分。喇叭口最初是由于铅字印刷的技术限制,导致笔画开始和结束的地方着色较少,显得圆润不锋利。于是字体设计师在笔画两端稍微加粗,也就是加了喇叭口,印刷出来的效果就能达到视觉上的均衡。

“字体家族”(typeface/fontfamily)和“单款字体”(font)的概念,中文中通常习惯将两者都称作“字体”。

简而言之,“字体家族”是一整套的设计,其中包含若干款“字体”,即单独的字体文件。字体家族中的各款字体由它们的样式名称区分。典型的样式名称包括:Regular、Italic、Bold、Medium、LightItalic、DisplayBold、CaptionItalic等等。换句话说,是这些关键词的某种组合:

1.首先我喜欢设计字体之前,打一个格子线,有点像小时候写字的田字格,我这里没有用米字线,大家可以根据自己的需求是否用米字线。

2.我们以思源黑体为底,整个字重心较居中,且这两个字都有言字旁。在找一款你很喜欢的其他带有艺术效果的字体,我这里以造字工房景悦体为底。

字工房景悦体:

3.再结合自己的想法,比如我想将这款字体做的更苗条更有气质,那我的重心就要上移,字体的宽度整个要调高。所以我先把我的田字格调整成了这样,再将我的思源黑体的文字按照这个比例调整,并且调整文字的重心,将其向上做挺拔。

4.根据自己喜欢的字体风格的样式感受,我这里以造字工房景悦体为例,我喜欢它的比划的装饰感,以及它的简洁现代感,故提取比划样式的特点,再加上自己的想法创造一下。首先先把原始字体的细节处调整成更简洁的,笔画粗细调整成一致的。

字工房景悦体的比划特点:

将思源黑体的比划处理:

调整后:

5.到这一步,将字体的锚点进行调整,建议用键盘操作不用手拖拽,方便形成该套字体的规范,比划的开头圆角调整到最大,并且将比划的结束处粗细调整成细一点的(因为这里原始的比划结尾处较粗)同样的比划可以只做一遍,比如比划的拐角处圆角进行统一,看上去字体整个流畅了起来进一步细节调整,还是建议用键盘操作,将比划的细节调整好。

完成后效果:

做的不太好,细节还需要处理,大家将就看吧,重点是后面的内容!!!!!!!

现在我们的字体已经做好了,但是他还只是单纯的两个图形,我们现在要将它做成一款字体,可以安装到我们的系统中,打字的时候可以使用它。

软件:FontCreator

系统:Windows

fontcreator功能介绍:

1、使用对象涵盖普通电脑用户、印刷商和绘图设计者;

2、查看和编辑Turetype和OpenType字体;

3、创建新的符号或字体;

4、修改单个字形的轮廓;

5、添加或编辑合成符号;

6、可调整字符距离;

7、编辑修改字体名称和转换单个字符或整个字体。

1.双击图标打开后,【文件】-【新建工程】,给自己设计的字体起一个好听的名字叭

2.新建后就可以看到画面中有一些预置的字符,如果你不需要这些字符就全选后删除掉

网站截图:

插入字符:

4.再在我们的软件中,选择一款中文字体,然后输入我们的字符编码,分别添加,确认后你的面板里就有这两个空白的字符了。

插入后:

5.双击创建的字符,打开之后你就看到了熟悉的格子线,以及前面科普的字符基线概念。

6.右键【导入图像】-【查看】一下格式,里面有我们熟悉的一些比如png、eps…这里我们回到我们AI绘制的字体,导出一下eps格式(这里我就不一一展示了…)。在将我们的文件拖拽或者导入到FontForge单独打开的字符文件下:

7.根据自己导进来的字体的大小调整自己的比例,位置等。也可以在【菜单】-【工具】-【字形变换】中,打开几个以下属性,来调整字体的大小和位置,我这里调整比例为【90%】,位移【垂直-320】,水平-【-107】,位移这里需要大家自己多尝试一下,直到找到比较合适的比例和位置,记住这个属性值延续到下一个字符中。

*这里如果大家把握不好位移多少,可以在【菜单】-【文件】-【打开】,选择一款例如黑体或者宋体的字体包,查看一下别人的比例怎么摆放的作为一个参考。

8.以此类推将下一个文字导入,再将文字的字符宽度进行调整,如图拖拽这个【虚线条】。最终我们的导入工作就完成啦~~~

9.所有的字体倒入结束后,设置一下这款字体的属性,参照下方设置将字体兼容中文字符。

把下面的复选框【导出字体时自动更新字符范围】取消勾选!!!

10.最后一步,选择【菜单】-【文件】-【导出字体】-【导出全部】,并且保存这个工程文件,为了我们下次给我们的字体包增加新的字符,就像我们的源文件一样。

11.双击字体安装到自己的电脑中,大功告成!!!!!!那么我们打开一个word来测试一下吧~

那么扩展思考,我们还可以利用这个软件和相似的方法做什么?

比如:

1.将两款字体进行合并

2.替换掉一款字体中的某个字符

3.为某一款字体增加缺少的字符

4.修改字体的名称

做到这里很多小伙伴已经对软件和方法有了一个大概的认知。当然这个方法是一个很基础的方法,本人也是在摸索中前行,实在是网上关于这方面的资料太过于零散,很痛苦,需要自己不断的摸索。希望自己的一点点经验能够帮助到大家,才疏学浅,肯定有说的不到位的地方,希望小伙伴们有其他的补充欢迎在留言区互动吧~~~

THE END
1.字体设计软件字体设计软件大全下载字体设计软件有哪些番茄下载站站提供国内外最新的字体工具下载,其中包含字体下载,字体设计,字体管家,字体下载大全等字体工具。想了解字体工具有哪些等更多内容,尽在番茄下载站字体工具下载!http://www.fqsoftdown.com/sort/26-hot/
2.logo设计软件哪个比较简单好用?智能在线设计logo神器!收到一个网友的提问,她说初学者什么都不懂,也下过几个设计的软件但都不是怎么好用,问我有什么适合初学者使用的logo设计软件?于是我就整理了以下这篇文章,帮助大家更好的选择适合自己使用的工具。 一、常规的logo设计软件 1.Adobe illustrator 首推illustrator软件,或者CorelDRAW。因为LOGO设计主要涉及到字体、图形的https://www.jianshu.com/p/6e8ff86cf0b0
3.字体设计软件字体设计软件哪个好共有16款软件 ZOL软件下载的字体设计软件合集页面汇集了多个可以进行字体设计的相关软件,同时提供相应的软件下载,让您了解字体设计软件哪个好并快速的找到适合自己的软件。 浏览软件资讯|进入软件论坛 分享到: 对比 TrueType造字程序 绿色版 软件类型:中文字体 https://xiazai.zol.com.cn/heji/16810/
4.字体设计软件字体设计软件大全下载字体设计软件有哪些华军纯净下载提供国内外最新的字体工具下载,其中包含字体下载,字体设计,字体管家,字体下载大全等字体工具。想了解字体工具有哪些等更多内容,尽在华军字体工具下载!https://soft.onlinedown.net/sort/26-hot/3/
5.做字库超简单!字体设计神器Glyphs系列教程(上)优设网4. Glyphs VS Illustrator 在字体设计上有什么优势? 总结来说:用 Glyphs 做字体设计,能从字体矢量化到产品封装,一个软件全部搞定!而 Illustrator 还是侧重在更全面的矢量图形绘制上,对于字体设计这个细分领域还是缺乏了一些实用功能。平时简单设计几个字还行,字数过多就不方便管理了。 https://www.uisdc.com/glyphs
6.信息技术基础期末答案2023秋92.以下哪个指的是移动终端软件?A:安装和运行在在移动终端上的软件 B:个人计算机上使用的软件 C:用于处理事务信息,特别是商务信息的计算机软件 D:计算机辅助设计软件 内容已经隐藏,点击付费后查看 93.Flash动画的主要特点除了文件数据量小外,不包括( )。A:图像质量高 B:交互式动画和流式播放 C:矢量图形可以进https://www.wkebb.com/c/e0f992a5cb4bf48bb336f0f9542a603a.html
7.手机字体软件哪个好免费安卓系统字体app下载推荐每个人都有自己一见钟情的字体,但却叫不上名字,下面小编就为大家推荐几款手机字体软件,完美支持多款手机一键更换字体,上百款精选字体个性风格随心换,操作简单,手机字体一键替换!https://www.87g.com/zhuanji/1416.html
8.语音合成海报字体推荐软件语音合成海报字体推荐软件 一、微信语音合成软件,语音合成软件哪个好? 语音合成结合讯飞云3大语音引擎,内置播放合成器,合成后可自定义添加背景音乐,简单易操作,可合成语音宣传、有声小说等。 1、合成小技巧:合成时如遇多音字如“调换”,可输入文字“条换”,合成时尽量不要使用标点,如有需要停顿,可以空格代替。https://tool.a5.cn/article/show/60797.html
9.设计理论:字体设计的基本知识心得技巧网页制作很多朋友就问了:既然方正中文不能应用于其它软件,有些字体又不能真实显示,用它干嘛? 其实方正软件和其它排版软件最大的区别之一就是方正有自己的字库,而且方正字库的精度是其它字库不具备的。 举个简单例子来说,有两行文字,都是“中华人民共和国”,都用5号字,其中一行你选择“细圆(方正)”,另一个选择“方正细https://www.jb51.net/web/7100_all.html
10.字体软件哪款好?实用的推荐清单请注意查收他的好处在于可以直接预览你想要的效果,然后决定在软件里用哪个,省去了直接在软件了一个个尝试字体效果的时间。唯一不好的一点是有广告。 字由 字由(HelloFont)是一款简单实用免费字体管理软件与字体下载软件。设计师必备字体利器! 字由用了好久,好感不言而喻收集整理了国内外上千款精选字体,与Photoshop、AI、Sketch、https://jiaocheng.hxsd.com/course/content/8965/
11.GlyphsforMacv3.1中文破解版下载字体设计软件–kkMac软件介绍 Glyphs for Mac 是一个功能齐全且功能强大的字形设计应用程序,它从一开始就被认为为用户提供了 macOS 平台上最完整的字体创建工具集。此外,Glyphs 使在同一个极简用户界面中轻松结合字母形式的查看和编辑变得简单而轻松。 # 自动生成重音字形并导出为多种字体格式 例如,您可以为字形绘制精确的形状,调整其间https://www.kkmac.com/glyphs-305.html
12.初识scratch教学设计(通用10篇)初识scratch教学设计 2 【教学目标与要求】 1. 知识与技能 (1) 初步了解Scratch的界面。 (2) 识记软件的主要功能模块。 2. 过程与方法 (1) 结合生活,熟悉模块的功能。 (2) 通过具体的程序,掌握Scratch的基本编程过程。 3. 情感态度与价值观 培养学生对于编程的学习兴趣,激发学生的求知欲。 https://xiaoxue.ruiwen.com/jiaoxuesheji/379642.html
13.创客贴平面设计作图神器免费设计模板创客贴,极简好用的平面设计作图软件,在线图片编辑器,免费使用.提供免费设计模板,有海报、名片、公众号图片、PPT、邀请函等65个场景模板,一键搞定设计印刷https://www.chuangkit.com/
14.免费font简单的字体制作软件在IT领域,字体设计是创意表达的重要组成部分,无论是网页设计、图形设计还是印刷品,合适的字体都能提升作品的视觉效果。"font 简单的字体 制作软件" 提到的是一个工具,用于帮助用户轻松创建自定义字体。下面我们将深入探讨字体制作的基本概念、流程,以及如何利用软件来实现这一目标。 我们要了解什么是字体。字体是文字的https://download.csdn.net/download/cc535355073/89010488
15.手机字体app哪个好用手机字体app推荐手机字体软件免费下载厌倦了手机自带的字体?想要更换一种更个性独特的手机字体?找不到能够替换手机字体的软件?那么赶紧来腾牛网手机字体软件大全页面吧。 这里集合了丰富的手机字体软件资源,功能强大,使用简单方便,一键下载安装即可以帮助用户轻轻松松更换自己的手机字体,你想要的字体这里都有。 赶紧来看看吧,超多资源总会有你需要的。https://www.qqtn.com/qqkey/sjztrjdq/
16.动态字体设计:软件基础动态字体设计:软件基础 学习动态字体的设计。首先要了解动态字体属于什么范畴。动画有很多种类,例如,UI动画、影视合成和M G 动画,动态字体更多地类似于MG动画。 什么是MG动画?MG动画即图形动画(Motion G ra p h i c s,MG)。其实字体本身就是一个比较抽象的图形,每一个笔画都可以视作一个图形,动态字体就属于https://www.uishe.cn/113491.html
17.手机换字体软件哪个好?手机字体软件免费下载手机字体软件有哪些?现在人们对美的要求越来越高,处处都想赏心悦目,最日常的用品手机更是要兼顾美貌和实用性,那么小编就来为大家介绍几款实用的手机字体软件,让你可以随心打扮自己的手机,让它与众不同,好看中又充满智慧!http://www.downyi.com/key/sjztrj/
18.CAD设计制图底层规则之:字体及文字系统。推荐几组史上最好用的使用Autodesk的cad软件设计制图的时候,大家开个图常常碰到的最初2个对话框是这样的: 烦不烦!?这里其实还好,更烦的还在后头,打开图后文字飘了,有些字不见了,这更烦! 如何解决这个问题?呆会说,先说说如何选择一款合适的、好看的、功能强大的……字体。 https://www.cloud.tencent.com/developer/news/642920
19.字体APP下载2024最新版字体下载安装您是否想要为您的设计项目寻找独特的字体?那么,我们为您推荐一款优秀的字体软件下载。这款软件提供了丰富多样的字体选择,无论是商业用途还是个人创作,都能找到最适合的字体。它简单易用,让您以最便捷的方式浏览、筛选、预览并下载字体。不仅如此,软件还提供了字体类型分类、字体特性展示等功能,让您更好地了解每种字体https://www.wandoujia.com/bangdan/534919/