字体故事2:西文字体


西文字体

西文字体最早接触,可能是初中学英语的时候,字母表上都会标出印刷体和手写体,但是习惯写了方块字,花体字学起来很难,尤其是字母尾部之间的勾连是最难模仿的。当时写出的字体大概跟电脑里的“Comic Sans”差不多。
到后来接触了电脑,好奇word里面的设置,就在里面调字体啊,才接触到了各种各样的电脑字体,也渐渐对字体产生了兴趣。

电脑字体历史

早期的电脑如同我们看到的windows黑屏一样,所有的字体使用的是程序员编程用的等宽字体“monospace”,普通消费者无法选择自己的字体。到1984年苹果公司推出的Macintosh电脑时,第一次在电脑中引入了多字体选项。这项改变的创始人就是乔布斯。乔布斯对字体的喜爱源于他当年在Reed学院选修的书法课。

  • “我跟着我的直觉和好奇心走, 遇到的很多东西,此后被证明是无价之宝。让我给你们举一个例子吧:Reed大学在那时提供也许是全美最好的美术字课程。在这个大学里面的每个海报, 每个抽屉的标签上面全都是漂亮的美术字。因为我退学了, 不必去上正规的课程, 所以我决定去参加这个课程,去学学怎样写出漂亮的美术字。我学到了san serif 和serif字体, 我学会了怎么样在不同的字母组合之中改变空白间距, 还有怎么样才能作出最棒的印刷式样。那种美好、历史感和艺术精妙,是科学永远不能捕捉到的, 我发现那实在是太迷人了。”
  • When the Mac shipped in 1984 with built-in proportional fonts that you could see on screen (remember Chicago, Geneva, Monaco and friends? Designed by the same woman who did the original Mac icons, Susan Kare, later adapted as scalable outline fonts by Bigelow & Holmes), with printers that printed the same fonts you saw on screen, it was an immediate impact on typography for everyday computer users.
    http://blog.extensis.com/apple/steve-jobs-typography.php
  • Thomas Phinney, a senior product manager for fonts and typography with Extensis, says Jobs’ death is the change of an era. “I remember, painfully well, the early days of computers when we had monospace fonts on screen, before WYSIWYG and all that,” he says. “And what Jobs did with the Macintosh was not just revolutionize digital typography—that would have happened sooner or later. The unique thing he brought to it was the democratization of digital type.”
  • London (CNN) -- With all the tributes to Steve Jobs, one thing tends to get forgotten: the man helped us write. Jobs was the first to give us a real choice of fonts, and thus the ability to express ourselves digitally with emotion, clarity and variety. He made Type Gods of us all.
    http://edition.cnn.com/2011/10/05/opinion/garfield-steve-jobs-fonts/

Macintosh视窗界面设计的成功,使得Windows才随后也在系统里加入了字体选项。随着windows系统的推广,大众对字体的认识也逐步加深,在字体上也有了更多的选择权,尤其是在设计领域,为设计师的表达提供了跟多的可能性。

当微软把 TrueType 作为 Windows 3.1 的标准字体格式时,他们选择了 Arial,而不是 Helvetica。这也许是因为它更便宜,而且大部分人不知道或不关心它们的区别。苹果当时也以 TrueType 为标准,但它选择了 Helvetica,并向 Linotype 付了钱。当然,Windows 3.1 大为成功,而这一成功带来了副作用:Arial,这种为了逃避授权费用而产生的字体,因此流行起来。
现如今,Arial 早已代替 Helvetica,成为非专业设计师在印刷、电视、网络等范畴的标准选择。这主要是因为微软把它装在了所有的地方,甚至在已经有了 Helvetica 的 Mac 上。在分辨率较低的屏幕上,这并不是什么大事,因为它和 Helvetica 本来就差不多。毕竟 Arial 还是网上少量被广泛应用的字体之一。


衬线 vs 无衬线

衬线(serif)和无衬线(sans serif),我的理解,对应汉字里面就是汉字的笔锋。
Serif读音,sans在法语里是without,无的意思

比较熟悉的西文字体里面属于衬线体的字体有:“Times New Romain”,“Georgia”,“Garamond”等;
无衬线体的字体有:“Arial”,“Calibri”,“Helvetica”,“Verdana”等

普遍认为,无衬线字体更适合在电子屏幕上的阅读,衬线字体更适合在印刷品上的阅读。
衬线字体也给人一种年代感,随着工业化复制和消费主义的盛行,更多的媒体广告中使用最广的还是无衬线体,如起初的“Helvetica”,后来的“Verdana”和“Univers”等,被用于很多知名品牌的商标和宣传广告,人们的阅读也逐渐适应了无衬线字体。


西文字体的故事

Helvetica

  • Helvetica是由米耶丁格和爱德华德·霍夫曼(eduard hoffmann)在瑞士哈斯铸造所(haas’sche schriftgießerei)所制做。作为排版铅字制作的。最初的名称是“neue haas grotesk”,意为“哈斯的新无衬线铅字”,后来被哈斯的德国母公司斯滕佩尔(stempel)在1960年改为 helvetica,源自瑞士的拉丁文,使其更具有国际市场竞争力。
  • 纪录片电影导演盖瑞·胡斯崔特(gary hustwit)制作了一部关于helvetica的同名纪录片,纪念字体开发50周年。
  • Helvetica被广泛用于全世界使用拉丁字母和西里尔字母的国家。同样的风格也被移植到希腊字母、希伯来字母和汉字。加拿大政府的联邦认证制度(corporate identity program)也使用了这个字体及其各种版本。Helvetica被大量使用在标志、电视、新闻标题以及无数的商标。 如3m、agfa(爱克发)、basf、美国航空、american apparel、bmw、crate & barrel、德国汉莎航空公司、fendi、knoll、英特尔、无印良品、雀巢、松下、parmalat、saab(helvetica 83 粗体)、三星、staples、target、texaco等数百间主要企业的标志都是使用Helvetica字体。
  • Helvetica是mac os系统的默认字体。mac os x系统中也包含helvetica neue字体。nimbus sans字体(gnu/linux系统中的默认字体)也是基于helvetica的,bitstream公司的swiss 721 bt字体也是一样(从这个字体名字就可以看出)。helvetica字体也被美国华盛顿和波士顿的地铁和大众交通系统所采用。新的纽约地铁也将标志字体从akzidenz grotesk体转为helvetica字体。

Verdana

  • Verdana,是一套无衬线字体,由于它在小字上仍有结构清晰端整、阅读辨识容易等高品质的表现,因而在1996年推出后即迅速成为许多领域所爱用的标准字型之一。
    此字体的设计源起于微软字型设计小组的维吉尼亚·惠烈(Virginia Howlett)希望设计一套具有高辨识性、易读性的新字型以供屏幕显示之用,于是她邀请了世界顶级字型设计师之一的马修·卡特(Matthew Carter)操刀,以Frutiger字体及爱德华·约翰斯顿(Edward Johnston)为伦敦地铁所设计的字体为蓝本,并由Monotype公司的字型微调(Hint)专家汤姆·瑞克纳(Tom Rickner)担任手工微调,字体结构与Tahoma(同为马修·卡特所设计)很相似,微软将Verdana纳入网页核心字体之一。
    “Verdana”一名是由“verdant”和“Ana”两字所组成的。“verdant”意为“苍翠”,象征着“翡翠之城”西雅图及有“常青州”之称的华盛顿州。“Ana”则来自于维吉尼亚·惠烈大女儿的名字。

  • 宜家由Furtura字体更换为Verdana字体

    Ikea.png

我猜很多人(包括我)觉得视觉冲击大到已经没有理性去思考为什么Verdana很糟了。Verdana很少在屏幕显示领域受到批评,因为它在这个领域是佼佼者。但在宜家这个例子中,Verdana的“糟”我认为可以有以下几个原因:

  1. 技术上,Verdana在打印介质的不良表现之所以和屏幕设计联系起来,是因为早期“专门”为屏幕设计的字体,包括Verdana,因为像素的限制,在设计(笔划、比例、空间等)上牺牲了很多,来适应屏幕显示,尤其是小尺寸显示的需要,因此它并非一个美学上的杰作,而是一个技术上的妥协品。这就好比是将像素字体强行放大做报纸标题一样令人不可思议,所有的弊端都暴露了,同时有太多专门为大尺寸设计的字体。
  2. 文化上,宜家做为家具品牌的领先者,多年来都是将设计做为其核心精神的,这在它的宣传资料里的命名和推广设计师中就可以看出来,另外它令人堪忧的质量也将设计推向主舞台。 从这一点看,宜家选用Futura,这一款德国经典的,代表现代主义设计的字体,是与其形象相得益彰的。这款字体当年是先锋字体,设计精益求精,有着深厚的文化积累和底蕴。这一点上,Verdana无法与之媲美,而宜家放弃这一款充满文化底蕴的经典字体,而选择一个年轻的、设计上技术为上的字体则令人匪夷所思。
  3. 设计上,Futura富有特点的几何化设计,标志性和识别读很高,与宜家的哲学和产品吻合。而Verdana的设计则中规中矩,由于人们经验所致,充满着一般的Windows 文档的办公感,设计上没有特别之处,美学上在技术的限制下也无从谈起,与宜家的设计难见可以联系之处。
  4. 企业层面,多年来Futura已经与宜家的形象密不可分,现在Verdana与Futura迥异,完全冲击了大众心中的观念,摧毁了宜家多年来大力投资建立的稳固的视觉形象,消费者忽然无所适从。因此即便 Verdana 的设计和底蕴无懈可击,但单从视觉形象来说,选择这么一款与前一个形象迥异的字体,本身也是一个败笔。

http://www.typeisbeautiful.com/2009/09/1482/

Comic Sans

其实这个字体在普罗大众里很流行,最近收到的一份国际贸易的海运单据,货运公司也全文使用了“Comic Sans”,谁说这个字体不正式的,看着还挺有味道的嘛。
这款字体的创造者最初的目的是开发一种用于儿童卡通读物印刷的字体,但是之后Comic Sans可能用于他特有的俏皮和与众不同的特质赢得了很多大众用户的欢迎,今天我们到处能看到他的身影,PPT,海报,文档,今天他似乎变成了通用字体,也许由于如此的广泛使用,会引起视觉疲劳。一批设计人士甚至不得不组成一个反Comic Sans联盟来一起倡议抵制该字体。

Futura

Futura灵感来自包豪斯,继包豪斯的设计理念,设计师保罗·伦纳1924年至1926年首次创建Futura。虽然设计Futura,伦纳避免产生任何非必要的元素,使无衬线或廉价的基本几何比例使用。Futura的清脆、干净的形式反映了效率,鲁莽的外观即使在现如今也已经淡淡退出了。它属于前纳粹的一个时代,尽管已经过去80多年,但它看起来依然很有现代感。它是一款具有反纳粹历史背景的字体。
它以简单的线条,没有多余的serif,简洁明了的风格,掳获了许多设计师的心。

Futura的应用
由于Futura的readability很高,所以无论是标题还是body copy都适用。好几家百货公司都以Futura作为标准字型(更有多家大型厂牌的catalog封面和标题使用的也是Futura)。

(这是Futura最有名的usage,它在1969年,被当年的Apollo 11 Astronauts登月英雄在月球上留下了足迹... 留下的“我们到此一游”标志就是用Futura写的!所以你会在月球上见到Futura哦!)

futura1.png

(女孩们的爱牌,男人们的梦魇,LV!它的所有实体店面的上方大型LOGO用的就是Futura...)
futura2.png

(还有英国的大型百货公司Harvey Nichols用的也是Futura!)
futura3.png

(HP也是哦!)
http://www.advertisingfan.net/2011/05/futura-typeface.html
futura4.png


等宽 vs 非等宽

编程字体Courier New,等宽字体(Monospaced Font)

字体相关的趣事

“The quick brown fox jumps over the lazy dog”
那只敏捷的棕色狐狸跳过一只懒狗

“Lorem ipsum dolor sit amet, consectetur adipiscing elit”
这是写乱了的拉丁语,是网页设计中,排版用的假文字,没有什么实际含义。这句话原文出自Cicelo所着的名为de Finibus Bonorum et Malorum(The Extremes of Good and Evil, 《大善与大恶》:
这整句话就是这样:"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
就是英文的:"There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."

古罗马帝国为了控制欧洲,强化语言文字沟通形式趋一,也为了适应欧洲各民族的语言需要,由I派生出J,由V派生出U和W,遂完成26个拉丁字母,形成了完整的拉丁文字系统。
罗马字幕时代最重要的是公园1到2世纪与古罗马建筑同时产生的在凯旋门、胜利柱和出土石碑上的严正典雅、匀称美观和完全成熟了的罗马大写体。文艺复兴时期的艺术家们称赞它是理想的古典形式,并把它作为学习古典大写字幕的范体。它的特征是字脚的形状与纪念柱的柱头相似,与柱身十分和谐,字母的宽窄比例适当美观。
在早期的拉丁字母体系中并没有小写字母,公元4世纪至7世纪的安塞尔字体和小爱塞尔字体是小写字幕形成的过渡字体。公元8世纪,法国卡罗琳王朝时期,为了适应流畅快速的书写需要,产生了卡罗琳小写字体,传说它是查理一世委托英国学者凡·约克在法国进行文字改革整理出来的。它比过去的文字写得快,又便于阅读,在当时的欧洲广为流传使用。


romain1.png
romain2.png

拉丁字母根据其形态可分为4种类型:垂直(例如:I,L,T)、弯曲(例如:C、O、S)、垂直与弯曲相结合(例如:B、D、G、U)、对角线或斜线(例如:A、K、X、Z)。根据语言学家厄尔·M·赫里克(Earl M Herrick)所说,每个语系的书写字幕都有以下特征:有特定的名称、发音、序列、使用规则和基本形态。“大写字母A不会因为它向前或向后倾斜,变粗或变细,添加或者去掉衬线而不再是大写字母A。”

詹姆士·费利斯(James Felici)《字体完全手册》,字体包括文字,字母,数字,标志,标点的呢个相同或不同的设计。

推荐阅读更多精彩内容

  • 书名:《字体故事:西文字体的美丽传奇》 作者:(英)加菲尔德 译者:吴涛,刘庆 | 字形基础 www.fonts....
    Narci919阅读 586评论 0 2
  • 大家都知道,在不同操作系统、不同游览器里面默认显示的字体是不一样的,并且相同字体在不同操作系统里面渲染的效果也不尽...
    陈_宣阅读 587评论 0 4
  • 最近(考试之前)在看“字体故事”,顺便浅浅的研究了英文字体学。深感这是一门快速提升逼格的学问,英语课pre和论文就...
    shadowfox阅读 5,927评论 9 25
  • 需要说明的是,下面提到的字体都是指英语字体。中文字体因为各个平台差别太大,所以这里就不考虑了。 =========...
    WesleyWang阅读 124评论 0 1
  • 一、概念 参考网页字体Serif和Sans-serif的区别及浏览器字体的设置CSS Font知识整理总结 1.F...
    合肥懒皮阅读 2,961评论 0 8