如何用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.做字体设计用什么软件好?这5款足够了字体设计在现代视觉传达中扮演着重要角色,而选择适合的字体设计工具是字体设计师必不可少的一步。那么,做字体设计用什么软件好?在众多的字体设计工具中,即时设计、FontCreator、RoboFont、Fontlab 8 和 Glyphs这 5 个软件备受设计师关注。一起来看看吧! https://js.design/special/article/doing-font-design.html
2.文字设计类软件有哪些APP推荐文字设计类软件有哪些下载豌豆荚文字设计类软件有哪些榜单为您提供最新文字设计类软件有哪些大全,这里不仅有文字设计类软件有哪些安卓版本APP、历史版本应用下载资源,还有类似文字设计类软件有哪些的应用推荐,欢迎大家前来豌豆荚下载。https://www.wandoujia.com/bangdan/406135/
3.广告设计一般都用什么字体图旺旺软件适合广告设计人员、淘宝网店图片处理、企业和个人使用,最终为广大用户提供便捷的服务。 广告设计都用什么网站 1.顶尖创意人社区(pitchina):是一个全球优秀创意营销广告和行业动态平台,这个包含了超多的优秀案例,最新最热门的营销案例、以及专业的营销人的深度访谈,想要做一个优秀的营销人,那这个里面的内容是https://www.766it.com/news/76483.html
4.字体设计用什么软件:一个canva就够了字体选择是设计中的一项重要步骤,与设计风格的搭配,与文字含义的契合度,都是设计中选择字体所必须参考的因素。字体侵权事件是在设计中频繁出现的,并且数量有不断上升的趋势。https://www.canva.cn/learn/font-design-software/
5.CAD设计制图底层规则之:字体及文字系统。推荐几组史上最好用的2、什么时候左对齐,什么时候右对齐,什么时候中对齐? 一般情况左对齐,如图所示的种情况应该右对齐,表格中的文字应该正中对齐。 3、对天正软件文字系统的吐槽 天正软件是建筑设计行业用得最广的cad插件,其文字封装做法一直是我对她的一大吐槽点。就像列车,不去统一轨道宽度标准,而硬是再造个壳,把不同轨道宽度列车装https://cloud.tencent.com/developer/news/642920
6.作图软件有哪些什么作图软件好用 1、《Canva 可画》 这款作图软件可以帮助小白级用户快速创作出高质量的作品。软件内置了大量的模板,用户只需在上面添加所需图片及文字,即可生成一张精美的平面作品。 2、《稿定设计》 这款作图软件对图片设计和小视频制作均提供非常好的支持。App提供一键生成精美海报的功能,并可以分享到微信等社交https://www.yjbys.com/edu/pingmiansheji/413132.html
7.电子邮件设计终极指南:邮件营销的15项最佳实践如果你不太确定什么是好的设计——别担心。这就是我们将在本指南中介绍的内容。具体来说,我们将教您如何改进您的电子邮件设计,甚至向您展示26个示例来激发您的灵感。 什么使电子邮件设计好? 目前,超过90%的美国人口使用电子邮件。因此,当然,没有一种完美的电子邮件设计风格会吸引所有人。 https://www.wbolt.com/email-design.html
8.万字常用设计软件大盘点如何选择自己最适合的软件建议收藏PS(Photoshop)是一款全球顶尖的图像处理软件,由Adobe公司推出,可适用MAC和Windows系统。它功能强大,操作界面友好,几乎是每个创意项目的首选核心应用软件。它的应用领域也十分广泛,在图像、图形、文字、视频、出版甚至3D等方面都有所涉及,在每个设计行业都是不可或缺的存在。 https://blog.51cto.com/u_15448293/4832589
9.排版设计一般用什么软件制作好?2025最佳推荐排版设计一般用什么软件制作好?2025最佳推荐 在视觉传达的璀璨星空中,排版设计犹如星斗之间的引力法则,将文字、图形与色彩巧妙编排,赋予信息秩序与美感,进而塑造出独特的视觉语言。它是书籍的灵魂架构,是海报的视觉韵律,是各类宣传物料的魅力基石。而一款得心应手的排版设计软件,则是开启这扇创意大门的神奇钥匙,引领创https://blog.csdn.net/2403_89603523/article/details/144434239
10.广告设计需要学什么软件有哪些难不难学广告设计软件需要学习PS、AI、CDR三款软件。PS是设计师使用频次最多的软件,主要处理像素图像。PS有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。CDR是矢量绘图软件,其非凡的设计能力与超强的排版功能广泛地应用于广告包装、商标设计、标志制作、插图描画、排版及分色输出等诸多领域。 http://www.gaosan.com/gaokao/506347.html
11.易拉宝设计常用软件是什么?BIM免费教程Adobe Illustrator是一款矢量图形编辑软件,被广泛应用于易拉宝设计领域。其强大的绘图功能和丰富的创意工具使得设计师能够轻松创建精美的易拉宝设计。通过Illustrator,用户可以设计出高质量的易拉宝图案,添加文字、插图、形状等元素,进行排版和布局,还可以输出高分辨率的打印文件。 https://www.tuituisoft.com/gongyesheji/146322.html
12.浅谈Cadence电路板设计EDA软件二次开发在PCB设计中应用(三)浅谈Cadence电路板设计、EDA软件二次开发在PCB设计中应用(二) 二、网表导入 File-->Import-->Logic(图49) 图49 三、设置规则 规则设置分为SpacingRules和Physical Rules。Spacing Rule决定元件、线段、管脚和其他的布线层保持多远的距离;Physical Rule决定使用多宽的线段和在布线中采用什么类型的贯穿孔。在网络与元https://articles.e-works.net.cn/eda/article147293.htm
13.ps学习计划中级设计师要着重学习图像修复和修饰,这为设计的美感提供了更多的选择性,如去除图片背景、创造背景、修复图片瑕疵等。 3.学习文字处理 文字处理是一个设计师应掌握的技能,学会处理好文字会更好的理解整个页面的布局,在排版上更加得心应手。 4.学习3D设计 https://www.unjs.com/fanwenwang/gongzuojihuafanwen/xuexijihua/20230908070023_7539347.html
14.艺术字生成软件大全艺术字生成推荐下载有哪些艺术字生成软件2022 想要告别传统的文字模式,生成更加炫酷的字体,又或是设计最独特的艺术签名,那么有哪些艺术字生成软件2022?艺术字的设计其实很容易,只要下载小编介绍的这些软件,很轻松地就能帮你找到自己喜欢的艺术字模板。 No.1 字体美化大师 手机美化|73.48MBhttps://wap.pp.cn/topic/496342/
15.高新技术企业认定管理资料汇编《认定办法》规定的核心自主知识产权包括:发明、实用新型、以及非简单改变产品图案和形状的外观设计(主要是指:运用科学和工程技术的方法,经过研究与开发过程得到的外观设计)、软件著作权、集成电路布图设计专有权、植物新品种。 发明、实用新型、外观设计专利可以到国家知识产权局网站(http://www.sipo.gov.cn)查询专利https://cxcyxy.xhu.edu.cn/6a/ec/c3946a92908/page.htm
16.广告设计一般用什么软件?Adobe Photoshop:Photoshop是广泛使用的图像处理和设计软件,可以用于创建广告横幅、海报、标志、产品包装和插图等等。其丰富的滤镜和图层功能可以支持广告设计师创建精美的广告效果。 Adobe Illustrator:Adobe Illustrator是矢量绘图软件,它可以处理矢量图形,支持创建充满创意和独特性的产品标志、矢量插图和文字效果,使广告设计师https://www.hxsd.tv/wenda/23669/
17.字体设计软件字体设计软件大全下载字体设计软件有哪些大小:2.51MB更新时间:2024-10-14软件授权:国产软件 楷体gb2312字体正式版是款有着古典文字韵味的字体软件。楷体gb2312字体最新版书写自然流畅,笔画简单干净,无多余装饰,视觉效果好,辨识度很高。并且楷体gb2312字体还可广泛应用于艺术设计、平面广告宣传、书籍画册、书法字帖等领域。楷体gb2312字体2024免费下载。 楷体gbhttps://soft.onlinedown.net/sort/26-hot/3/
18.绘图软件设计准则是什么绘图工具软件有哪些→MAIGOO知识绘图软件设计准则是什么 绘图工具软件有哪些 摘要:绘图软件,简言之即用来作图的软件,通常是指计算机用于绘图的一组程序。电脑或者手机绘图画图经常要用到各种绘图软件,不同的绘图软件针对性不同,像室内设计、建筑设计、平面设计、动画设计、机械设计、网页设计等不同领域所使用的的专业绘图软件是不一样的。那么,常用https://www.maigoo.com/goomai/158397.html
19.2023大学生毕业设计用什么软件2023年春季即将到来,为了能够安稳的从学校毕业,很多即将大学毕业的小伙伴们也开始着手准备自己的毕业设计了,想要做毕业设计,离了电脑软件怎么行,今天小编就为大家推荐几款可以用来做毕业设计的电脑软件。 2023大学毕业设计用什么软件做 在毕业设计中,毕业设计大纲、毕业论文等必不可少,这些项目都需要我们借助文档笔记编https://m.yesky.com/news/2147441430.html