如何用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.手抄手写字体在线生成,模拟手写字体,代替手抄在线手写字体生成工具技本文介绍了一款在线手写字体生成工具,该工具能够模拟人工手写效果,将电子文档转换为逼真的手写字体图片。该工具不仅功能强大,而且完全免费,适用于多种场景,如学习、工作、淘宝店手写信封生成等。本文将从高逼真手写功能、多种文字功能参数、多种手写体选择、像素设置以及背景选择等方面对该工具进行详细阐述。 https://blog.csdn.net/xmk120801/article/details/144406990
2.如何更换字体?一文教你轻松掌握!更换字体是一个涉及多个操作系统和软件的复杂过程,因为不同的平台(如Windows、macOS、Linux)以及不同的应用程序(如文字处理软件、网页浏览器、图像编辑软件等)都有其特定的方法来更改字体,本文将详细介绍如何在几种常见的平台上更换字体,并提供一些常见问题的解答。 https://blog.huochengrm.cn/ask/14727.html
3.Figma中文怎么设置?3个办法!但是,Figma 目前只支持英文和日文,所以如何进行设置中文,提升中国设计师的使用体验是目前很多设计师产生的问题,目前想使用中文版的Figma有 3 种方法:一是直接使用国内开发的,可以对标 Figma 的设计工具即时设计;二是用 Figma 导入中文字体;三是进入 Figma 的中文社区使用 Figma。接下来,我将为大家详细讲解使用中文版https://js.design/special/article/how-to-set-up-figma-chinese.html
4.越狱必装插件汇总(全文)苹果iPadAir平板电脑评测在设置菜单中F.lux的板块选择刚才设好的色温 这款名为f.lux的插件跟亮度自动调节一样,也是为保护眼睛而设计的,不同的是它最主要的功能是自动调节屏幕的色温。当你初次打开应用,f.lux 需要获取你的位置信息,这是用于判断用户的当地时间。 接下来f.lux 主要是根据日出及日落的时间来调节色温,在日出后日落前的这https://pad.zol.com.cn/432/4323409_all.html
5.中文字体找字网提供中英文免费字体下载、手写字体下载、书法字体下载、艺术字体下载、手机字体下载预览服务!字体商用在线全自动授权!老牌专业字体市场、字体网站。https://www.zhaozi.cn/html/fonts/china/
6.字体转换器在线转换艺术字体在线生成器设计第一字体网为您提供最全的字体转换器在线转换、艺术字体在线生成器和字体下载,包括书法字体在线转换、毛笔字在线生成器,更有草书字体、篆体字、连笔字、POP字体转换器等中文和英文字体。https://www.diyiziti.com/
7.UI设计规范之线上字体篇支付宝作为互联网金融公司,致力于打造「专业、信任,简单」的形象。目前主流的无衬线中文字体中,方正兰亭黑端正匀称、设计严谨、易识别、文字线条粗细均衡,且为了适应激烈的竞争不断在进化,这样字体设计更符合这一形象。 四、英文和数字字体的选用 FF Din 和 Helvetica Neue 的对比 https://zhuanlan.zhihu.com/p/37308313
8.免费中文字体网站:喵闪字库该网站可以在线预览免费的中文字体免费中文字体网站:喵闪字库 该网站可以在线预览免费的中文字体,支持按类型查找也可以输入文本预览效果。支持下载字体和保存预览字体为图片格式。 https://www.miao3.cn/ #字体设计 #ui设计 #设计分享 #字体 - 四喜茶茶于20230822发布在抖音,已经收获了2.4万个喜欢,来https://www.douyin.com/video/7269962447673511183
9.免费字体下载,字体授权,中文字体设计,字体大全以及在线字体工业 设计 运营 开发字魂网是一家提供商用字体下载授权,字体定制,免费字体下载,字体授权,中文字体设计,字体大全以及在线字体转换器的字体公司,致力于让所有人用得起正版 - 是一家提供商用字体下载授权,字体定制,免费字体下载,字体违规链接举报 立即访问 收藏到我的主页 相似https://www.bidianer.com/site/90238
10.iconfonticonfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具https://www.iconfont.cn/
11.自学电脑3D教程平面教程影视动画教程办公教程机械设计机械加工工艺设计课程 E3D特效动画教程 汇川AC系列PLC教程 百分百Runway实现AI视频 微型小课 硬笔行书视频教程 热门推荐 电脑办公平面设计室内设计室外设计机械设计工业自动化影视动画程序开发网页设计会计课程兴趣成长AIGC 电脑新手入门教程 Excel常见问题100例教程 http://51zxw.net/
12.字体之家字体之家下载排行榜,中文字体,英文字体,图案字体,国家字体,字体工具 免费字体下载 26个字母和数字 由字体之家(homefont.cn)提供无广告安全无毒的26个字母开头的字体和数字开头字体,2017年2月修正! 免费字体下载 书法字神器 书法字体查询只能输入一个汉字,共收录了57919字体文件。 https://www.homefont.cn/
13.Figma怎么设置中文?无需安装,免费在线使用无需安装,免费在线使用 Figma设置中文怎么设置?Figma汉化怎么汉化?Figma是比较常见的设计软件了,但Figma也有它的缺点,没有中文版,而且在国内也没有任何相关的服务器。设计师在使用时,经常遇到一些问题,例如:字体不兼容、页面会出现加载延迟或报错现象。这些现象大大降低了设计师们的工作效率,由于Figma没有中文版,对于https://pixso.cn/designskills/figmazhongwen/
14.CAD习题及答案计算机辅助设计(Computer Aided Design)指利用计算机及其图形设备帮助设计人员进行设计工作。以下是小编整理的CAD习题及答案,希望对大家有所帮助。 CAD习题及答案 篇1 一、单选题: 1、在AUTOCAD中,用户可以使用哪个命令将文本设置为快速显示方式,使图形中的 文本以线框的形式显示,从而提高图形的显示速度D https://m.yjbys.com/edu/fuzhusheji/327239.html
15.在线字体设计在线字体转换艺术字体在线设计转换生成在线字体设计网收集整理艺术字体美术字体pop字体等创意字体,集成艺术字体在线设计智能实现毛笔字体在线生成矢量,提供行书草书楷书篆书隶书等书法字体在线转换,请牢记天空字体 www.skyfont.comhttp://www.skyfont.com/
16.猫啃网,免费商用字体,广州市海锋网络科技有限公司因为工作和爱好都离不开DR、AMC和Adobe全家桶,为了应对不同的处理内容,必然需要安装大量的字库,付费的免费的都有。然而每每在各种软件的大量中文字体中,为每一个目标寻找合适的字体,简直就是一场极度痛苦的生命燃烧。并且每天都要重复这种痛苦。 设计师如何制作一套属于自己字库 手把手教你生成字库教程(新) https://www.maoken.com/
17.艺术字字体设计中文字体中文字库字库艺术字免费下载文件体积 :655k 爱给网提供海量的艺术字资源素材免费下载, 本次作品为png,eps 格式的艺术字 字体设计 中文字体 中文字库 字库, 本站编号36880441, 该艺术字素材大小为655k, 更多精彩艺术字素材,尽在爱给网。 浏览本次作品的您可能还对 艺术字 感兴趣。https://www.aigei.com/item/yi_shu_zi_zi_10.html
18.?思源黑体怎么样思源黑体字体详细评测介绍(附下载地址及安装教思源黑体字体 for Mac V1.0 苹果电脑版(附安装教程) 类型:其它中文 大小:13.0MB 语言:简体中文 时间:2014-07-23 查看详情 事实上,原有的Source Sans字体家族乃Adobe响应Google Font“字体开源”主张下一项充满野心的字体案,最初由著名字体设计师Paul D. Hunt设计。 https://www.jb51.net/softjc/194348.html
19.网站设计中的中文字和英文的排版技巧!这里讨论中文字体和西方字体(大部分是英文)的原因是因为:现在,绝大多数设计师在为文本布局选择字体时都使用中文和西文字体。但是,中文和西文字体属性在设计之初有很大的不同。如:文字,手势,重量,间距,基线,字体大小等的情况下,所以你不能使用相同的字体。 https://www.ccxcn.com/news/company/3856.html
20.GoogleFonts谷歌字体中文版GoogleFonts梦想导航Google Fonts | 谷歌字体中文版 | GoogleFonts Google字体·中国,提供Google字体调试工具、Google字体在线预览功能,国内可以使用.Google字体解封,Google字体CDN,Google字体镜像,GoogleFonts,谷歌字体相似网站 包图网_专注原创商用设计图片下载,会员免费设计素材模板独家图库 包图网汇集了各种视觉冲击力强的原创广告图片设计https://nav.dreamthere.cn/site/index/6115
21.WebfontProject)是一个免费的中文web字体库,支持在线加载中文网字计划 (Chinese Webfont Project) 是一个免费的中文 web 字体库,支持在线加载及查看字体信息。Explore our free CJK web font library that enables online loading and font information viewing. - KonghaYao/chinese-free-web-font-storagehttps://github.com/KonghaYao/chinese-free-web-font-storage
22.中国设计网字体设计网-为字体设计者提供字体设计展示平台,让字体设计作品被商业用户发现并应用.并提供免费字体下载和字体在线生成,字体在线转换下载,为字体设计师提供有效传播和服务,设计网络首选品牌http://ziti.cndesign.com/
23.在线设计协作平台平面设计作图软件视觉办公套件在线设计协作平台Canva可画提供了海量的设计模板,涵盖海报、简历、名片、Logo、PPT、手抄报、二维码、Banner等数十种平面设计场景,更有千款中英文字体及千万张正版图片素材可供使用。精彩设计,随时随地!https://www.canva.cn/
24.字体天下字体天下提供中文字体、手写字体、英文字体、图形字体等各种字体的高速免费下载和在线预览服务.https://www.fonts.net.cn/
25.PS怎么使用字由字体软件在线使用设计字体字由是一款可以不用下载就在线使用的艺术设计字体软件,可以应用在PS或WORD等常用软件中,很方便,具体应该怎么用呢?工具/原料 PS CC2018字由 字由字体软件 方法/步骤 1 首先打开PS并建立一个画布,用文字工具输入一段文字。2 在PS中选择文字图层,然后启动字由字体软件,点击【云字库】可以在右侧看到很多漂亮的中https://jingyan.baidu.com/article/59703552816f468fc00740d8.html
26.中文字体下载中文字体合集下载蝴蝶结字体(卡通简体中文字体) 中文 更新时间:2014-12-22 蝴蝶结字体是一款卡通方面的简体中文字体,字体输写后会自带蝴蝶结,极具卡通色彩,适用于手机装饰、包装印刷、广告设计、儿童卡通设计等领域,喜欢的朋友快下载收藏吧。 使用方法方法一:控制面板/字体/文件/安装新字体; 方法二:直接将字体复制到C:\WINDO http://www.downcc.com/p/h1_K2407_P2.html
27.在线字体设计在线字体转换艺术字体在线设计转换生成在线字体设计网收集整理艺术字体美术字体pop字体等创意字体,集成艺术字体在线设计智能实现毛笔字体在线生成矢量,提供行书草书楷书篆书隶书等书法字体在线转换,请牢记天空字体 www.skyfont.com 天空字体是一款专业的字体库,提供各种风格的中文字体和英文字体。天空字体拥有丰富的字体资源,包括楷书体、行书体、篆刻、毛笔字等多https://www.baobaocun.com/home.php?mod=follow&do=follower&uid=11123
28.字体下载求字体网提供上传图片找字体、字体实时预览、字体下载、字体版权检测、字体补齐等服务,本网站可识别中文、英文、日韩、书法等多种字体。只要上传图片或输入字体名称,就可以帮您找字体。http://www.qiuziti.com/
29.网页设计与制作问题与解决方法设计师在网页设计中应用书法飞白笔触,可以传达书法的意境,能使用户感受到独特的文化品位和民族风格。书法字体比较适合标题文字,大量的正文文字为了方便浏览者阅读和快速下载网页文本,应该尽量避免运用传统竖排的方式,字体最好选用电脑里默认的标准字体。 三、中国传统图案的应用https://www.qinxue365.com/jsjzx/Web_Design/504740.html
30.字魂网字体下载免费字体下载字魂网(izihun.com)是一个提供商用字体下载授权、字体定制、免费字体下载、字体授权、中文字体设计、字体大全以及在线字体转换器的字体网站。它致力于让所有人都能够用得起正版字体,为用户提供安全、可靠的字体使用和授权服务。 字魂网拥有海量中英文字体,分类标签多达100余种,包括书法、卡通、手绘、3D、节日、行业等等https://pidoutv.com/sites/6585.html