了解字体的基础知识

在上一节课中,我们回顾了文字发展的历史,探讨了字体在平面设计中的功能。从中我们了解到:字体是为内容服务,选择一款字体的标准是「给读者打造一个合适的阅读体验」。

作为信息的载体,字体的选择决定了你的设计作品能否言之有物,不沦为只为吸引眼球的花瓶。不过,在正式开始介绍选择字体的技巧之前,我们要先对字体有充足的了解,这样才能「知其所以然」,在不同的设计中灵活运用字体,而不是抱着一两款所谓的万能字体走天下。

在这一节课中,我们便来学习字体的基础知识。

之所以从英文字体讲起,是因为英文字体的特征更加显而易见。

在看剧的时候,尤其是美剧或英剧开头的几集,尤其是那些没有熟悉演员的情况下,很容易分不清谁是谁。在看过此剧三到四集之后,脸盲症自然就消失了。

看剧时候的脸盲症并不是严格意义上的脸盲症,我们之所以会有类似于脸盲症的体验,是因为我们对欧美人的五官特征没有足够的判断经验。而到了第三第四集,我们逐渐看出了面孔之间的区别并记住了他们的特征。(比如发型、眼型、嘴形、身高、肩宽……)

对于字体,你或许也有脸盲症般的体验,比如下面这两个字体,你能看出他们的区别有多少吗?

由于文字是平面构成和信息传达中非常重要的一环,而字体的重要性我们在上一节已经讲述过了。那么,选对字体的前提便是能明确的知道字体的特征和区别。

所以本节我们会像认识人一样,通过学习字体的特征,看出字体的区别,克服「字体脸盲症」。下面让我们来依次认识一下英文字体的关键特征。

衬线,是指笔画末端的装饰线,是否有衬线是区分不同英文字体最显著的特征。有衬线的字体叫做衬线字体(Serif),而没有的则是非衬线(Sans-Serif)。(「Serif」意为「衬线」,「Sans」在法文中意为「没有」)

衬线体是古典的英文字体,源于古罗马的石刻拉丁字母。 1968 年爱德华·卡蒂奇神甫在其著作《衬线的起源》一书中指出,在石刻时人们会先用方头笔将字写在石头上,再按照痕迹刻画。由于方头笔画出的笔画起笔处和收尾处比较粗糙,于是就加上了衬线。

在传统印刷中,衬线字体常用于正文。因为衬线有视觉引导的作用,可以加快读者的阅读速度。但在现代排印中已经不再有这样的死规矩,非衬线体也有不错的阅读体验,但传统的纸媒仍然坚持使用衬线体。

另外,并不是所有衬线字体的衬线都是一样的。有些字体的衬线会更加尖锐,有些则更加圆滑。大家可以观察下图中 S 起笔处的区别看出衬线形状的不同。

非衬线体的出现比较晚,有说法是起源于希腊的字母形式和罗马帝国的非正式铭文,80 年代开始兴起。非衬线字体曾经被称作「Grotesque」(荒唐的)或者「Gothic」(哥特的),这反映了早期人们对非衬线体的看法。如果你看到了某个叫做「xxx grotesque」的字体,那么他的意思就是「xxx 非衬线体」。

非衬线体在早期的电子屏幕上会有更好的显示效果,基本成为了电子显示器上的最佳选择,无论是 iOS、Windows 还是 Android,都选择了非衬线字体作为系统字体。但其实随着高分辨率屏幕的出现,今天的我们大多不需要担心显示效果,而更多是出于功能和美感的考虑去选择字体。

通常情况下,非衬线体可以给人现代、简洁、有科技感的感觉;而衬线体可以给人文艺、古典、端庄的感觉。

x 高度指英文小写字母 x 的高度,它决定了整套字体小写字母的高度,以及 p、j、y、f、b 这些字母的身材。

一般中英混排时使用 x 高度较高的英文字体。因为 x 高度较高的英文字体会显得更加方正一些,和方块字更般配。试着阅读下图中的段落,是不是感觉右边的文段读起来有明显的顿挫感?

字母中 x 高度以上的部分称为升部,以下部分称为降部。区分他们的线叫做升部线(ascender line)和降部线(descender line)。

如果一套字体的 x 高度越高,那么留给升部和降部的空间就越少,字体会显得比较憨厚、稳重。相反的,如果升部和降部都比较伸展,字体会显得比较清秀、飘逸、活跃。

不同字体的升部和降部也会有不同的形状和尺寸,比如下图中五款字体对于字母 y 降部的处理就各有千秋。

字怀是字母的全封闭或半封闭区域,他其实是文字中的留白,留白越大对比度就越高。字怀的形状和大小是区分字体的重要特征。

通常字怀较大的字体会更舒展,稳定,容易阅读;字怀较小的字体看起来更有个性。除了大小,字怀也有形状之分,比如 Gill Sans 几乎为正圆的字怀看上去很有几何感。

观察字母 o 可以轻易找到中轴线,中轴线决定了字体的重心,非衬线字体的中轴线通常是竖直的,衬线体的中轴线通常是倾斜的。

通常竖直中轴线的字体偏几何化(比如字母 O 像一个圆形而非椭圆形)所以看上去更加现代,标准,工业化因为这种完美的圆形很像是标准化的工业制品;而倾斜中轴线的字体则像是手写出来的(想象一下用平头笔书写字母 O ,左右两边自然会粗一些),更有人文气息。

字体设计是一个极其细致的工作,单个字母的毫厘之差放在大段文字中就是千里之别。字体的小细节也是我们区别字体的重要依据,也蕴含着字体设计师的巧思,让我们尝试去找这些字体设计的细节吧:

第一个小细节是文字的写法。英文中 a 与 g 都有两种写法,有两个字怀叫 double story,有一个字怀叫 single story。同一种字体通常选择同一种写法来处理 a 和 g,非衬线体常用 single story 的写法,double story 更多出现在衬线体中。

第二个小细节是笔画结束时的角度和方向,也能区分字体,尤其是小写字母 e 的末端。同一款字体通常会保持同样的角度和方向、同一种笔画结尾风格。末端较平的字体看上去比较稳定,末端有角度的字体看上去更灵动。

字母 R 的结尾也是重点观察的对象,下图这三款字体都是根据其中 AkzidenzGrotesk 演化而来,但对字母 R 结尾的处理各不相同。

第三个小细节是「点」,尤其是字母 i、j 上的点。有些字体使用方形点,视觉上会和下方的竖线更加接近。

不同字体的数字风格也有不同处理,有 old-style 和 lining 两种。

old-style figures 的数字拥有大小写字母一样的升部和降部,适合大小写字母协调;Lining 则高度统一,和中文字体配合更加和谐,Old-style figures 拥有升部和降部的特点更能配合英文字体的美感。不过 Old-style figures 同时阅读起来也相对慢一些,在讲究阅读效率的场景下(比如数据表格),Lining figures 更合适一些。

如果你想深度了解西文字体,可以阅读这本《西文字体:字体的背景知识和使用方法》。

本书的作者小林章是一位日籍著名字体设计师,任 Monotype 字体总监,曾参与 Optima 等著名字体的改刻,以及腾讯字体的设计。这本书对西文字体的基础术语概括全面,还包括一些知名字体的解析以及故事,是非常好的英文字体入门书籍。读完这本书之后,你会对很多经典的英文字体了如指掌,并且进一步加深对西文字体构造的认识,甚至对字体的选择和搭配有所了解。

​下面,让我们趁热打铁,试试我们所学到的区分技巧能否让我们摆脱「字体脸盲症」。

至此,我们已经学习了英文字体的 9 个特性。下面试试来一起区分,我们将给出三组相似的英文字体,推荐大家先自己看一分钟,尝试描述两个字体之间的区别,再看解析。

解析:同为衬线字体,两者的关键区别在衬线。

解析:两款字体都因国际主义设计风格而流行,当时 Helvetica 的设计目的就是与 Akzidenz Grotesk 竞争,其设计也是从 Akzidenz Grotesk 改造而来,但也有所区别。

国际主义设计风格(英语:International Typographic Style),又称为瑞士风格(Swiss Style),是 1920 年代在俄罗斯、荷兰、德国萌芽,最终于 1950 年代在瑞士兴起的一种平面设计风格。作为现代主义设计运动的一部分,国际主义设计风格对于平面设计产生了巨大的影响,并进而影响了建筑、艺术等其他设计相关的领域。

国际主义设计风格强调干净、易读、客观,其主要特征包括非对称排版、栅格、无衬线字体(如Akzidenz-Grotesk)、靠左对齐而右边不齐等。此外,这一风格更倾向于使用摄影,而非插图或绘画。许多早期的国际主义风格的作品将字体排印作为主要的设计元素,而不仅仅只用于正文之中,这也是其英文名称「International Typographic Style」(国际字体风格)得名的原因。时至今日,该运动对平面设计策略与理论仍有着深远的影响。

解析:上面的 Roboto 是 Android 系统的默认英文字体,下面的 San Francisco 则是 iOS 的默认英文字体,两个字体都是为了屏幕显示和扁平化的界面而设计,有些神似。

讲完了如何辨识英文字体,我们接着讲中文字体。大家不必害怕,因为中文的字体特征和英文有非常多共通之处。

对于中文字体,我们仍然可以将其分为「衬线字体」和「非衬线字体」两种。书法中的「顿笔」,印刷字体末尾三角都可以算作衬线。

所谓顿笔,是书法中在笔画开头和末尾处更多用力并多做停留的一种手法。通过顿笔,笔画的开头和末尾会显得更粗且富有变化,字体看上去就更有美感。

顿笔放在印刷字体中就是一种衬线。而一些印刷字体,比如宋体,在顿笔处理上更加几何化,比如「一」字的末尾就处理成了类似三角形。

衬线字体显得比较有古典韵味。非衬线体在电子显示媒介上应用广泛,传播信息更加清晰,但也少了些书法之美。与英文字体相同,衬线字体的衬线也各式各样,对比衬线形态是区分字体的好办法。

我们常见的宋体与楷体属于衬线体,而黑体则属于非衬线体。虽然楷体与宋体都可以认为是衬线体,但楷体更加偏向模拟毛笔书写,而宋体则更加锋利平整,适合打印。

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

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

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

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

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

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

中文字体中也有一些小细节,同样可以帮你区分字体。

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

而如今的屏幕清晰度已经可以精确地显示字体,喇叭口已经由「技术限制」变为「审美选项」,它能让字体看上去更有力道和韵味。在苹果推出「苹方」字体前使用的「华文黑体」就是有喇叭口的。但由于在屏幕上出现喇叭口并非本意,近些年带喇叭口的字体出现频率越来越低,甚至有些「古典黑体」的感觉。还记得 Bell Centennial 吗?

Bell Centennial

虽然大家越来越少用电话簿了,但这种挖掉一块的设计也成为了一种审美选项。当下很多新字体采用了类似的设计,而且看起来非常潮。比如设计工具 Figma 的官网所使用的 Whyte 字体,设计于 2019 年。

Figma 官网,使用了由 DINAMO 设计的 Whyte 字体

「折」笔画是分辨字体的好办法。不同字体「折」的角度、顿笔(衬线)的形状、笔画结束形态都可能有所不同。下图可以看出,华文宋体的折在结束的时候有一种笔逐渐离开纸面的感觉。思远宋体则感觉是用了一些力再离开纸面,比较丰满。

记得小学写「心」字的时候,这三个点儿一直点不对地方。「点」在中文字体中可比想象中要复杂,点的弧度、长度、位置都会呈现不同的气质,况且很多字不只有一个点。我们可以通过对比「点」这个简单笔画分辨字体。

下面这对「三点水」的例子可以看出:苹方的「点」是带有弧度的,旗黑的「点」是直的。试着眯起眼来看一下,你会感觉苹方的更加柔和,旗黑的更加坚定。下面这张图说明了「点」这样一个简单的笔画可以带来怎样的不同:

以上便是我们介绍的七种中文字体的特征了,如果你对中文字体想有更深入的了解,这里有三个延伸阅读推荐给你:

《中国字体设计人:一字一生》—廖洁连:相比上一期推荐的《西文字体》,这本书更加有文化积淀,通过采访十二位中文字体设计人,讲述了中文字体设计的产生和变迁,也反映了社会的变化。整本书虽然气氛悲观,但能从其中了解不少关于中文字体设计背后的艰辛以及与西文字体的不同之处。

下面就用我们刚刚了解到的字体特征,尝试区分这些字体吧。

解析:

解析:

以上便是中英文字体的特征和分辨方法了。相信你现在已经有了一双「设计师的眼睛」,能够看出文字中的门道了。在有了字体辨识能力之后,你可以做一些字体分辨的刻意练习:可以是浏览网页时看到的字体、家电上的字体、广告牌上的字体等……仔细观察它们,发现它们的特征,然后对比它们之间的不同。留意身边的字体,可全是练习题。

有什么办法快速对比字体特征?不知道大家有没有在做练习题的的过程中总结出来一些经验,我个人的经验是先粗略看一下两个字体的感觉,再具体抓住一到三个字母进行对比,通常一个字母对比出的区别是可以应用在整套字体上的。

英文字体的特征是否能用在中文字体上?其实中英字体的特征是有很大重叠的,比如衬线就是一模一样的。大家可以先猜测一下本节英文字体的特性可以如何对应到中文字体上。具体的答案大家看下一节就知道了。

找到身边的英文字体,特征是怎样的?这其实是练习题的一个延伸,既然我们已经掌握了一些字体特征知识,那么生活中出现的字体就是我们最好的练习案例。每当看到一个英文字体,都可以花几秒来思考一下该字体的设计特征,并思考一下为什么。长此以往相信你会有更多收获。

中英文字体可以对应吗?读完本章大家应该有明确的感知:中英文字体特征是可以对应的。比如完全相同的衬线概念,内白-字怀;重心-x高度。有了这样的认知,大家可以将中英字体特性看作一个整体的辨识工具,这样更加好记一些。

字体的特征之间是否互相影响?我认为字体特征之间是有所影响的,或者说字体的各个字体特征组合是一体和谐,相互配合的而不是分散独立的。比如说内白和字面,一个是内部的留白一个是整体的面积,两者组合起来可以达成字体的感觉:大内白配合小字面 对比 小内白配合大字面的感觉是不一样的。

THE END
0.圣诞英文字体圣诞英文字体图片、圣诞英文字体高清图片,堆糖精选最新圣诞英文字体图片大全,一键收藏免费下载。jvzquC41yy}/f~nvcpm/exr1dnuhu8yci1Eocvj?'G;&;L*C5'K9'JK';G+F:.=D'D7&G?*;8'>8'N:'CF+:9.J6'DJ&;<
1.圣诞节字体素材圣诞节字体图片圣诞节字体素材图片下载熊猫办公为您找到400个圣诞节字体素材图片,包括圣诞节字体图片,圣诞节字体素材,圣诞节字体背景,圣诞节字体模板源文件下载服务,包含PSD、PNG、JPG、AI、CDR等多种格式的素材,更多关于圣诞节字体素材、图片、背景、矢量、UI、PS、免抠,艺术字、插画、配图等设计素材模jvzquC41yy}/v~pwrrz/exr1urkdkjqn1unfppicplof|ryka44ivvq
2.圣诞节英文字体设计圣诞节英文艺术字图片下载觅知网提供大量圣诞节英文字体设计,圣诞节英文艺术字图片在线下载。更多圣诞节英文艺术字设计图片,尽在觅知网。jvzquC41yy}/7:rk|0ipo8xq/{otj~k177789=60jznn
3.圣诞节英文字体图片免费下载圣诞节英文字体素材千图网为您找到23837张圣诞节英文字体相关素材,千图网还提供圣诞节英文字体图片,圣诞节英文字体素材, 圣诞节英文字体模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!jvzquC41yy}/7Auke0ipo8ywrkgo1|mgpijbpsng{kthyns|kvo/j}rn
4.圣诞节快乐英文的各种字体英文字体分类发现字体8个字体 简介: 圣诞节快乐英文的各种字体 Stone Serif Regular语言:英文 Stone Serif Regular 下载 Noto Sans CJK JP DemiLight语言:英文 Noto Sans CJK JP DemiLight 下载 ChollaSlabBold Bold语言:英文 ChollaSlabBold Bold 下载 中草体博洋草jf7000语言:日文(日本) 英.jvzquC41yy}/srz|kvo/exr1hqtunrxv4Aoe?:622262
5.圣诞字体|五款圣诞主题英文字体|Boss设计圣诞节快到了,如果你想要节省时间提升设计效率,可以使用 Boss 分享的圣诞主题设计资源,如果你想要圣诞字体的话,那么下面让 Boss 给你带来几款圣诞节日英文字体吧。 Snowballs 圣诞免费个人使用的流行画笔风格字体,搭配圣诞雪人衬托出浓浓的圣诞气息。 传送门:https://www.dafont.com/snowballs.font jvzquC41yy}/dxxufgyjiw3ep1iitrxvocy.hxsv1
6.精品英文字体:20款免费的的圣诞节艺术字体今天这篇文章分享20款免费的的圣诞节艺术字体,可以免费下载使用。圣诞老人的脚本越来越近了,相信很多设计师都正在为公司的圣诞节期间的活动项目忙碌着,希望这些优秀的圣诞节英文艺术字体能够帮助到你。 您可能感兴趣的相关文章 分享20款漂亮的免费英文LOGO字体 jvzquC41yy}/ewgnqiy/exr1njh378ftejowg8723452486;1vuq/owgg/iitrxvocy.hxsvu/lpt6igukmog{x0jvsm
7.圣诞节字体大全圣诞节字体下载红动中国素材网提供68个由实名认证设计师上传的原创圣诞节字体下载,包含了TIF、TTF等格式圣诞节字体大全,更多精品圣诞节字体下载,就来红动中国,最后更新于2025-10-28 14:58:31。jvzquC41uq4sgmtep0ipo8kvk5dcj:d7ckcfmff9f
8.可爱趣味圣诞节拼贴英文字体设计模板在线设计软件Canva提供的原创可爱趣味圣诞节拼贴英文字体设计设计模板。点击“使用此模板”后即可在线设计制作素材集合。 Canva可画支持所有素材的自主编辑:你可以进行删除素材、编辑文字、调整字号、字体、颜色、对齐等操作;还可以添加插画、形状、图表、图标以及替换背景图片或背景颜色等。 jvzquC41yy}/ejsxc0io1}jorngug|4GCG\tn‚56ru5
9.Halloweenies常用英文字体下载ttf素材免费下载《Halloweenies常用英文字体下载》,Halloweenies常用英文字体下载素材格式ttf,尺寸无限大,大小5.97 KB,此设计图片由设计师“alice2014”于2015-06-12 12:41:01上传。jvzquC41o0xffxhp0eun1otpv1:4;:<280nuou
10.MerryChristmas字体免费下载和在线预览英文字体/圣诞节/M出品/浏览5056次 在线预览效果 预 览简繁转换 包含2个字体文件 文件名MD5值文件大小 MerryChristmasFlake-1.ttfd85c8d15ff84a97c7ca70dd5bcc18bdd518KB MerryChristmasStar-2.ttf5d4099369cdd3c65491309577c284ffd198KB 字符映射图 免责声明 jvzquC41yy}/hxsvu0tfv7hp1huov679;7:52A9830nuou
11.英文字体下载英文字体合集下载Arial字体介绍Arial是一套随同多套微软应用软件所分发的无衬线体TrueType字型。Monotype设 点击下载 精选圣诞英文设计字体免费版 中文 更新时间:2020-06-29 精选圣诞英文设计字体免费版是小编为大家整理的一些非常适合设计圣诞节贺卡的字体,这里有数十款不同字体供你选择,感兴趣的用户赶快来下载使用吧!安装说明1、jvzq<84yyy4eq€see0ipo8u1j3eL6>56aR770qyon
12.圣诞节英文花体可复制英文字体分类发现字体7个字体 简介: 圣诞节英文花体可复制 Inziu Iosevka SC Bold Italic语言:中文 日文(日本 Inziu Iosevka SC Bold Italic Inziu IosevkaCC J Italic语言:中文 日文(日本 Inziu IosevkaCC J Italic InputSerif Thin语言:英文 InputSerif Thin jvzquC41yy}/srz|kvo/exr1hqtunrxv4Aoe?:622267
13.艺术字体在线生成器字体转换器猫眼艺术字体网(ziti66.com)为您提供最全的在线艺术字体转换服务、炫酷的字体在线生成工具,包括书法字体、毛笔字等在线生成,更有草书字体、篆体字、行书字体、POP字体等中文和英文字体等你发现。jvzquC41yy}/|ryk884dqv4
14.英文字母字体大全英文字母字体下载红动中国素材网提供39个由实名认证设计师上传的原创英文字母字体下载,包含了TIF、TTF等格式英文字母字体大全,更多精品英文字母字体下载,就来红动中国,最后更新于2025-10-26 02:35:46。jvzquC41uq4sgmtep0ipo8kvk5e5j7ege:e9m;e6d>e9m;eeg;/j}r
15.圣诞快乐英文艺术字图片免费下载圣诞快乐英文艺术字素材千图网为您找到8761张圣诞快乐英文艺术字相关素材,千图网还提供圣诞快乐英文艺术字图片,圣诞快乐英文艺术字素材, 圣诞快乐英文艺术字模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!jvzquC41yy}/7Auke0ipo8ywrkgo1|mgpijbptzcknkzkwlygpjuqz|k0nuou
16.圣诞节漂亮字体下载字体下载字体分类发现字体9个字体 简介: 圣诞节漂亮字体下载 Sandena-BookCondensed语言:英文 Sandena-BookCondensed 下载 SecularOne-Regular语言:英文 SecularOne-Regular 下载 Ubahn语言:英文 Ubahn 下载 システムフォント レギュラー语言:现代西班牙语(西 システムフォント レギュラー jvzquC41yy}/srz|kvo/exr1hqtunrxv4Aoe?A:482?