再也不纠结字体选择了！超全面的英文字体小结
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
& / & & / & 正文
Hi,我是优设小编
再也不纠结字体选择了！超全面的英文字体小结
编者按：字体于设计，如同气质于人。是温厚尔雅，谦谦有礼，还是活泼大胆，烧透一片，都是通过字体的结构来塑造的。只有了解每个字体的气质，才能将它安放到合适的地方，今天这篇好文，跟同学们普及一点英文字体的知识。
最近（考试之前）在看“字体故事”，顺便浅浅的研究了英文字体学。深感这是一门快速提升（哔–）格的学问，英语课pre和论文就写的这个，大受老师“敬佩”。最近又写了好多英文论文（主要是细胞），我在每篇论文里面实验不同的字体，打印出来测试效果。期末复习的时候也会多多留意老师使用了什么字体和论文用的都是什么字体。有趣的发现包括：Cell是唯一用无衬线字体（Helvetica）做正文的，Science用了古风的Minion，魏老师的PPT竟然用的是质朴的Univers等等。
于是呢，看了这么多，逼格提升了这么多，来这里普及一下实用得的小知识~
再继续往下看之前，请先自行了解一下“衬线”与“无衬线”的概念。
西方国家字母体系分为两类：Serif 以及Sans serif。
Serif 是有衬线字体，意思是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。相反的，Sans serif就没有这些额外的装饰，而且笔画的粗细差不多。
Serif 字体容易识别，它强调了每个字母笔画的开始和结束，因此易读性比较高，Sans serif 则比较醒目。在走文阅读的情况下，适合适用 Serif 字体进行排版，易于换行阅读的识别性，避免发生行间的阅读错误。
Sans serif 强调每一个字母，Serif 更强调于一个单词。
中文字体中的宋体就是一种最标准的Serif 字体，衬线的特征非常明显。字形结构也和手写的楷书一致。因此宋体一直被做为最适合的正文字体之一。不过由于强调横竖笔画的对比，在远处观看的时候横线就被弱化，导致识别性的下降。
本片只讨论在文件中使用的情况，尽管绝大多数字体也会在展示（PPT）中使用，但是必须注意的是字母在以小号（8-16px）和大号（32px以上）呈现的重点是完全不一样的，所以这一点是要注意一下的。
标题字体的选用：
如今已经很少见到还有用衬线字体做标题的出版物了（除了历史原因，纽约时报还用哥特体呢），所以为你的文章做一个无衬线字体的标题还是非常明智的。加粗也是一个不错的想法；如果你想显得很有科技感，那么你可以走另一个极端用Ultralight（极细体），比如苹果的宣传就经常使用超细 Helvetica。
使用典型的瑞士字体（包括但不限于Helvetica，Arial，Akzidenz-Grotesk，Univers，Frutiger）是一个非常保险的方法，这些字体在非专业师的眼中区别很小（所以具体区别就不在这里讨论了），尤其是在加了粗之后，都会打造出出一种严谨端庄的标题，中性又不失醒目，几乎是标题设计“永远不会错的”字体。
当然你如果想要更多的风格，可以尝试 Futura 这种极简风格的德国字体，会有一种很工业很前卫的感觉。当然你也可以使用Gill Sans，这种典型的英国字体，能够体现出一种半古风的感觉，更加温和，利于拉近你和读者之间的距离。Century Gothic 和Optima 也是不错的选择，前者是艺术向的极简风格，后者因其拱形的笔画末端和多变的笔画粗细有一种华丽的感觉。当然也可以是Gothem这样展现力量与决心的字体，通常用在口号上面。
正文字体的选择：
正文字体的选择是一个很分裂的选择。衬线字体和无衬线字体会传达完全不同的感觉。
首先来说传统的衬线字体：其实在正文使用衬线字体并不是一件很难选择的事情，因为大部分衬线字体在小字号的情况下都是差不多的。我曾经试验把一篇文章的不同部分改换成不同字体（大约13px），打印出来。不幸的是用的打印纸有一点儿洇，字符的笔画有着很明显不规则的变粗。在这种情况下，即使在一张纸上不同字体的部分从观感上开来基本没有什么区别。由此可以看出，其实衬线字体在印刷质量/小字号的情况下，其实区别并不大。
当然，考虑到现在都是激光打印，一些选择还是有必要的，那么：放弃Times New Roman 吧少年！
Times 的确是一款设计优良的字体，但其流行程只度如此之广是因为早期Windows内嵌了这款字体并作为默认字体。过度广泛的使用是这个字体已经有了一种公文式的疲倦感了。放弃Times的另个原因是他是一个“报纸用”字体，其最早设计的初衷是给英国的Times做字体。报纸字体最大的特点是自宽比较窄，从而在报纸上可以放下更多内容。于是在正文中就造成了一种版面局促假象。
Palatino，Garamond和Minion：典型的古典的威尼斯风格字体，属于最古老的的罗马字体风格（在之前只有哥特风格）。其特点在于j的尾部较小的弧度，比较高的上部，比较小的字怀和字碗。由于那个时候的印刷术实在不高，所以许多设计都是为了再差的印刷质量下能过提高可读性，比如笔画粗细变化不大（粗的正常粗，细的不敢做太细有可能印不上）。因此如果预期的印刷质量很差，那么就可以试一试这些字体。传达的感觉很像文艺复兴时期的书籍，或者17-18世纪的公文的风格。给人一种古板的，每一个字都是雕刻的感觉。古老而正式。目前Science正文就是Minion。另一个提示是，“独立宣言”用的就是Garamond，想象一下那个感觉？
Baskerville：最经典字体之一。其特点是华丽而古典。作为一款在17世纪诞生的“过渡”字体（Times也属于过渡字体），巴斯克维尔体拥有相比古典衬线字体更显著的粗细对比，在细节处理上也更加华丽（比如g的尾部和Q的尾部）。使用巴斯克维尔体，让正文可以有一种典型的浪漫主义风格，好像翻开17-18世纪的爱情小说一样。
Didone（迪东）体（注意没有一种叫做Didone的字体），主要是Bodoni和 Didot。典型的法国字体，现代而性感。非常强烈的笔画粗细对比和平的细衬线。一些比较成功的设计案例比如说在香水瓶上面。当然这种性感的属性在小字号的情况十分不明显，因此不用担心。使用迪东体反而能够给读者很现代的感觉。比如一些时尚杂志是比较好的应用。不过要注意的一点是，如果印刷质量不敢恭维的话，最好不要用这种字体，因为过于强烈笔画对比，细的衬线可能会比较容易印不出来。
如果你实在喜欢Times，不妨试一试Georgia。微软现代化设计过的Times。加入了一些现代的元素（比如平衬线）。但说实话，并不是很招笔者喜欢。给人一种公文化的感觉。
如上所说的各种字体，虽然有着各种风格，但因为他们衬线字体的本质，都是适用于正式的文件的。（不要因为迪东体性感就不敢用，那只是说他放大的时候）
说一说无衬线字体：
无衬线最广泛的应用是在电子世界。无衬线和衬线字体相比，就好像铅笔字vs钢笔字。铅笔字的最大特征是非常没有特征，极端的平淡。这也是无衬线的一个理念：即透明容器理念。说的是字体本身不应该传达任何复加的意义，而只传达文本本身的意义，就好像一个透明的容器只展示其中的内含物而不展示容器的属性一样。
Calibri，Segeo，Droid Fonts：这是指新一代的系统默认字体。完美的贯彻了透明容器和易读性的理念。他们的风格就是完全没有风格，既没有古典衬线字体的正式，古典的感觉，也没有20世纪无衬线字体极强的未来感或设计感。是的，他们几乎什么都不传达！极强的现代化大企业的公文感，甚至都不能用冷冰冰形容，因为他根本不传达任何感觉，只能说是一种“冷漠”的感觉。虽然让人读起来有可能会很无聊，但是永远也不会用错！
Gill Sans：非常好的人文体，很强烈的字宽对比，更多贴近手写的细节。有一些人手书写的感觉，温暖的无衬线。很好的避免了无衬线的冷漠的感觉。唯一要注意的是貌似比普通无衬线要粗一些，混用的时候可能有强调的感觉。
瑞士字体（包括但不限于Helvetica，Arial，Akzidenz-Grotesk，Univers，Frutiger）：最早也最经典的无衬线字体，字体设计史上的里程碑。很好的设计感，虽然大面积使用有时也会有Calibri等的无聊感，但是不是那么强烈。很像设计精良的广告传单的正文，精致，优美而严谨。
Optima: 比较接近衬线字体感觉的无衬线，笔画的粗细变化比较有趣，是两段比较粗中间比较细。在大字号作为标题的时候，其笔画末端的拱形设计显得十分华丽与人性化。用在小字号的时候会给人一种亲近和华丽的感觉，可读性也不错。
Verdana：微软的另一款经典字体，有一些借鉴几何无衬线，但是可读性相当好，也是第一批web-safe字体，应用非常广泛。特点是很大的字怀与字宽，很有现代商业宣传品的感觉。宜家用于所有标签，想想一下宜家的感觉，商业-设计-平民化的感觉。很亲切也很友好。注意使用的时候把字号调小一点儿。
几何无衬线（如Futura和Century Gothic）：不要用在正文！很好的标题字体，但是因为易读性太差，不适合作为小字号的正文。
Trebuchet：也不是很建议用。微软早期设计的很奇怪的一款字体，有一点像等宽的粗衬线（Slab Serif）字体的设计（虽然不是），可能是为了在早期多种低分辨率上正常显示，故意在无衬线上面搞了一些类似粗衬线的东西。除非你想让你的文件像程序员的官方参考文档。很Geek有一点儿呆的感觉。
最后说一说古老的智慧（old wisdom），古老的智慧说：“正文用衬线字体，标题用无衬线，图注无衬线。”这在大多数正式的出版物和文件中，至今仍然是非常常见的，或者说已经形成了金科玉律式的规范。比如我随手拿起一部Lehninger（真的是随手啊，完全没有花时间仔细鉴别其中的字体，所以鉴别错了不要喷……），其中标题用的是一种粗窄体无衬线（抱歉暂时对窄体没有研究就不鉴别了），图注用的貌似是无衬线的Optima，正文用的是一种类似Georgia的衬线字体。
然而这种智慧有着过时的趋势，其中趋势之一就是，Cell已经全盘Helvetica（无衬线字体中最著名的一种）化了。而无衬线的发展主要有三点原因：一是印刷品质量越来越好：在完美印刷的情况下，无衬线字体可以通过许多方法（如增加x高）来弥补相对衬线字体劣势的小字辨识度；二是在数字时代刚刚开始的时候，由于屏幕的分辨率问题，衬线字体有可能在某些分辨率条件下变形显得丑陋无比，故无衬线在IT领域十分常见（随便打开个大网站都是无衬线的）；第三点，难以说是原因还是结果的原因，是二战之后“少即是多”（包豪斯主义算一个）的设计理念大为流行，无衬线字体刚好非常顺应这种思潮。
虽然现在在很多地方（除了比较保守的地方，如学术界）使用无衬线做正文也无可厚非，但是因为无衬线有时会给人非常枯燥的感觉，虽然理论上无衬线通过加高“x高”的方法，使得易读性完全不输衬线体，但是个人觉着读无衬线的长篇文章更容易疲劳。
无衬线用于小篇幅的宣传品，图注，摘要或者其他一些地方是比较好的；长篇大论或者文学化的东西还是使用衬线比较好。因为与衬线相对应的联想是长篇大论或者小说，而与无衬线相关联的联想是比较图形化的联想（或者说无衬线更好的能与图片相适应）。因此凡是图文并茂的文件都应该考虑部分或者全部使用无衬线，而纯文本要优先考虑衬线。另个原因是无衬线比较容易无聊，多一些图片可以调剂一下。
至于说标题，大胆的来无衬线吧！在醒目程度与设计感上面，无衬线的高度是衬线远远无法达到的。
因为许多设计感非常强的宣传标语都使用Ultralight或者Semilight字体，这里想说一下这个问题。细体用于正文真的不是很好，因为小字号的时候细体实在是太细了，很不利于阅读，眼睛很累。正文的要义是一切以易读性为先，所以不建议使用细体。笔者有时在参考文献中使用细体，这是因为参考文献是没有人会细看的（大部分是复制粘贴搜原文），而小字号的细体会有一种弱化的感觉，很符合参考文献的定位。
说到字体，这三篇文章小编恨不得亲手送上啊：
看完小结，再补充一点英文字体分类的知识吧：
如果你觉得传统几大字体无法传递出你内心独特气质，试试这个吧；
偶然看到高大上的字体却不知道叫啥怎么办？戳下文：
原文地址：
【优设网 原创文章 投稿邮箱：】
================关于优设网================
“优设网“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量74万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
———————————————————–
想在手机上、被窝里获取设计教程、和各种意想不到的”福利”吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：
订阅更新：您可以通过
【推荐！设计师必备网址导航】
我们的团队
大家在关注这种字体叫什么？衬线与非衬线本质有何不同？如何应用？
图中字体是 Gill Sans Light: ------衬线体和无衬线体很难说有什么「本质」区别，因为两者本质上都来源于书写。而最显著的区别，顾名思义，在于衬线的有无。同时，亦有别的不同之处，比如横向竖向笔画的对比度等。但亦有笔画对比度大的无衬线体（如 humanist 这个子类）以及笔画对比度小的衬线体（如 slab-serif 这个子类）。字体的选择应该跟从应用场合。比如想传达清晰明快，或是现代的感觉，通常会用无衬线字体。而衬线字体可能更具有古典之感。但这个准则也并非绝对，如 Optima 这个无衬线体也非常典雅，而 slab-serif 和 Didot 一类的衬线字体亦可以营造很现代的感觉。另外有一个较为传统的理论是衬线体用于正文，而无衬线体用于标题。但是现在也有越来越多适合正文的无衬线体，而且不少衬线字族也具有适合用于标题的样式。在屏幕显示方面，形态较为清晰简单的无衬线体在小字号下表现更佳。但随着屏幕像素密度的提高和字体渲染技术的进步，衬线体得到应用的场合也越来越多。提高使用合适字体的能力最好的途径，就是多看好的案例以及多尝试了。字体是网页设计中最重要的细节
一个非创意性质的网页，最重要的内容，就是文字。出现了文字，就会出现文字排版、字体选择、字体颜色大小粗细等细节。而这些细节，往往是非常重要的细节。
好的字体排版，可以让人耐心的看完那些文字，然后得到其中的重要信息，还可以影响到浏览者阅读的心情。同时，字体的选择、大小等，还应该配合企业的VI识别系统，还需要配合你作品需要表达的思想感情来确定（例如古典风格，应该选择哥特式字体等）。
好了，关于字体的重要性，我就说这么多，再多说也是废话，只要大家知道很重要，要好好选择调整就好了。
字体的分类和格式
衬线和无衬线
衬线算是一种辅助性的小细节，笼统的谈，太过于抽象，我们来看两个例子：
这两个字体，是有衬线字体，大家可以看到在边角的位置，会多出一些修饰。这样的好处就是，可以清晰的分辨出字母和文字，分辨笔划的起始和终止。但是，这种字体如果设置字体大小太小的话、或者你里文字较远，则会受到衬线影响，分辨不清晰。同时，由于中文系统，默认的字体为宋体，见的太多导致审美疲劳，所以衬线字体比较适合打印文字以及正规文档中使用，通常不太适合使用在网页中。
这两个字体，就是无衬线字体，没有边角的修饰，令人看起来很整齐光滑，没有毛刺。比较适合用在网页中，让浏览者获取大量的文字信息而不会疲劳。
字体之间最大的差异并不在于有无衬线，而在于字体与字体之间，形体的差异。但是很多字体（特别是英文字体）之间，差异不大，有些新字体甚至是对已有字体进行了细微的改造后产生的。
于是，就把字体分成了几个大的系列，同一个系列中的字体，大体相同，称作通用字体系列。其中包括以下五个系列：
serif：带衬线字体。Times New Roman 是默认的 serif 字体，中文字体的话，是宋体、仿宋之类的字体。
sans serif：无衬线字体。Arial 是默认的 sans-serif 字体，中文字体中，微软雅黑、黑体等都是这类字体。
monospace：等宽字体。这个字体里面的每个字母都有相同的宽度。通常用于显示程序代码等，Courier 是默认的 monospace 字体。而对于中文，每个汉字都是等宽的。
cursive：模仿手写字体。手写体，比较个性，通常用于标题、logo等等。这个字体系列没有默认字体，英文来说，通常用 Comic Sans，中文的话，行书系列、草书系列的字体等，都可以算作手写字体。
fantasy：装饰用字体。多数用于标题，极具个性，字体繁多，艺术字体。无法对其的大小、形状下一个统一的定论，所以没有默认字体，在网页中，也通常很少用到，除非你有特殊的用处创意性的设计。
关于通用字体系列的更多解释、描述和字体举例，推荐大家查看在 W3school 上的资料。
字体的格式
格式就是指字体表现出来的粗细、宽度和姿态等等特征。看下面的这张图片：
里面的字，是相同大小的，同时排放在一条竖线上。为其应用了四种不同的字体后，体现出来了不同的形态和粗细大小。在中文字体中，不同的字体，在字间距中通常没有很大的变化。而在英文字体中，不同的字体会改变字母的大小，导致整体的尺寸布局不同，进而导致整个排版混乱。
相同的字体大小，在不同的字体下面，显示的效果几乎完全不同。这是英文字体选择中，比较麻烦和头疼的问题。
字体的选择
上面的这些理论，从某些角度和意义上来说，都是废话。如何选择合适的字体，才真正切合实际。那么我们应该如何选择在网页中使用的字体呢？
解决这个问题，我们先应该知道为什么要纠结于选择字体这个问题。我个人认为应该存在 实用性 和 创意性 这两个方面的因素。创意性很好理解，就是想突破常规，配合自己的网页中的设计思想而选择相应的字体，例如表达程序员的思维，就对代码使用等宽字体，表达恐怖、古典，使用哥特式字体等等。这点自己去找字体好了，不再赘述。最主要的问题是在于 实用性 的方面。
实用性问题，即不需要太过于华丽的字体，只需要大家看的都舒服、稍微带点自己的特色即可。你会说，很容易啊，直接 CSS 定义一条，填上个字体就好了。如果真这样，那就太好了。浏览器解析字体的过程实际上是这样的，当浏览器加载 CSS 后，解析到有关字体的样式，它会在你的系统中查找这个字体，只有找到了相应的字体文件，才会根据那个字体文件对网页中的文字进行渲染，显示出你想要的效果。
既然这样，如果你的操作系统中，并没有安装网页中定义的那种字体，就无法渲染出那种字体的效果，而通常使用当前系统的默认字体来渲染。那么你原有的设计，就不行了，你设计时觉得挺好，字体、位置、大小合适，但在别人的电脑上，清一色的宋体。所以这个问题，才是选择字体的难处所在。当然，有问题就有解决方式：
使用经典通用字体
不同操作系统都有不同的字体系统，但既然是字体，总有一些比较经典老牌的字体共同存在于各个系统中。例如无衬线的 Arial 字体，它产生的时间比较早，同时价格低廉，所以从早期就被 windows 操作系统使用，在其他的操作系统中，也会有较好的不同于默认字体的显示效果。所以 我爱水煮鱼、潜行者m博客 这些网站，直接在 CSS 中声明使用一个字体：Arial。
注：相关网站建设技巧阅读请移步到频道。
最新图文推荐
合作媒体专栏
潜行者m 博客的博主，主要关注前端、交互设计、WordPress 。潜行者m IT屌丝单身宅男一...
大家感兴趣的内容
网友热评的文章
seajs.config({
base: "/resource/passapi/scripts/"
seajs.use('seajs/seajs-css');
seajs.use(['artdialog/src/dialog-plus'], function (dialog) {
$('#favorite').on('click', function(){
$.getJSON('/passapi.php?op=userstatus&callback=?', function(data){
if (data.status == 1) {
var _this = $('#favorite').find('span');
$.getJSON('/?app=favorite&controller=favorite&action=add&jsoncallback=?&contentid='+contentid, function(json){
if(json.state){
_this.html('这是什么字体？谢谢！-中国学网-中国IT综合门户网站
> 这是什么字体？谢谢！
这是什么字体？谢谢！
转载 编辑：李强
为了帮助网友解决“这是什么字体？谢谢！”相关的问题，中国学网通过互联网对“这是什么字体？谢谢！”相关的解决方案进行了整理,用户详细问题包括:RT,我想知道:这是什么字体？谢谢！，具体解决方案如下：解决方案1：是方正粗活意字体 百度搜索下就有了解决方案2：太给力了，你的回答完美的解决了我的问题！解决方案3：方正书宋体解决方案4：黑体解决方案5：楷体解决方案6：粗圆体解决方案7：汉字通过对数据库的索引,我们还为您准备了：答：楼主你好，你要的字体附后，核对请及时采纳。 ===========================================答：按顺序最上面一个应该是UniversLTStd-LightCn加粗，中间粗的字应该是HelveticaNeueLTPro-BdCn稍微把f加工一下就行，第三...===========================================答： ===========================================答： ===========================================问：不用考虑字体的锯齿。答：您好，据图分析，您图片的字体与[汉仪粗黑简] 或[迷你简大黑]字体匹配率最高。 望采纳O(∩_∩)O “四”字我没有找到合适的，...===========================================问：这个福字是什么字体？具体叫什么答：有 楷体的 部分 但是 不是字库里的 是经过 设计的后期制作的。===========================================问：如图，数据开关、亮度、自动旋转等是什么字体？答：我也正在用这个字体，但是久不用手机了我也记不太清楚。隐约记得好像叫孙楷（还有字）体。不好意思，没能帮到什么。===========================================问：如图，数据开关、亮度、自动旋转等是什么字体？答：华文细黑 试试看可行===========================================问：如图，数据开关、亮度、自动旋转等是什么字体？答：是方正粗活意繁体字体=========================================== 这是艺术字体,你找个相近的,进行造型,是没&这种字体的。=========================================== 这是美术字体===========================================这是方正宋黑体,我对照过了,好像电脑里有这种字体,不记得了,你可以去看看 但值得注意是是,上图不同一个字体,"余"字明显是简体字,但"晓"又是繁体字,"奇"字就两种 都 一样...===========================================这种字体应该有变体,大概是人家自己即兴设计的。其实你要是对ps比较熟悉的话你可以... 其实现在网上提供很多字体,在一些在线字体生成的网站上先看好你喜欢的字体叫什么,...===========================================对字体没有一个个着实安装和仔细辨认过,智能手机能安装的字体如下: pop字体 方正粗园 方正古隶 方正华楷 方正静蕾简体 方正卡通简体 方正流行体简体 方正胖...===========================================ClearType 技术的中文界面显示字体浮出水面,这就是微软雅黑体。 这款字体是一种全新的无衬线黑体,它的字形略呈扁方而饱满,笔画简洁而舒展,易于阅读。这款字体在 Clear...===========================================字体,又称书体,是指文字的风格式样。如汉字手写的楷书、行书、草书。中国文字有篆... 在此非常感谢您的提问,"老鼠做苦力"祝您开心快乐每一天!也许还有不足之处望体谅,如...===========================================这个是企业视觉识别系统中的专用字体,是一般字体经过矢量修改后得到的,目的就是与众不同。我看你这个的基础字体应该是方正正黑体系列,有正纤黑、正细黑、正黑、正粗黑...===========================================字体名 :Browallia New 大概是这个字体没错===========================================这个没有现成的字体,应该是设计者自己用其他字体改造得到的。===========================================
本文欢迎转载，转载请注明：转载自中国学网： []
用户还关注
可能有帮助