新浪博客

【常用网页字体解析】Helvetica,Arial,Georgia,Tahoma,Verdana,宋体,微软雅黑

2012-03-04 00:51阅读:

Helvetica

如果要介绍字体,一定要从Helvetica开始,他代表着一种设计信仰。
Helvetica是一种广泛使用的西文无衬线字体,是瑞士图形设计师马克斯·米耶丁格(Max Miedinger)于1957年 设计的。
Windows中Arial字体也是由Helvetica衍生而来,针对这个字体还有一部专门的纪录片,是的,你没有听错,为字体拍摄纪录片。
纪录片:
http://blog.lishibin.com/?p=1651
维基百科的解释:
http://zh.wikipedia.org/wiki/Helvetica

Arial

是一款由 Robin Nicholas 和 Patricia Saunders 于 1982 年设计的 sans serif 字体。在计算机中,Arial 是最常用的标准英文字体(英文 Arial 好比中文的宋体),很多设计师都认为 Arial 是对 Helvetica 的克隆,Mark Simonson Studio 的 The Scourge of Arial (Arial 之殃)一文对此有详细的叙述。
随着 Windows 3.1 的发布,Arial 成为免费字体并迅速传遍全球,微软当初之所以选择 Arial,是因为 Helvetica 的许可费用过于高昂。


Georgia

是一种衬线字体,为著名字型设计师马修·卡特(Matthew Carter)于1993年为微软所设计的作品,具有在小字下仍能清晰 辨识的特性,可读性十分优良。
其命名发想自一份小报报道在美国佐治亚州发现外星人头颅的测试性头条。微软将Georgia列入网页核心字型,是 Windows系统的内建字型之一。苹果电脑的MAC系统之后也跟进采用Georgia作为内建字型之一。
这是很久以来较为欣赏的,能够跨平台,且比较活泼的字体之一,最新的播放按钮设计也采用这个字体,因为数字部分是由程序生成的文本,可不希望用图形拼接。

Tahoma

是一个十分常见的无衬线字体,字体结构和Verdana很相似,其字符间距较小,而且对Unicode字集的支援范围较大。Tahoma 和Verdana师出同门,同为名设计师马修·卡特的作品,由微软在1999 年推出。
许多不喜欢Arial字体的人常常会改用Tahoma来代替,除了是因为Tahoma很容易取得之外,也是因为Tahoma没有一些Arial为人诟病的缺点,例如大写“I”与小写“l”难以分辨等。

Verdana

是一套无衬线字体,由于它在小字上仍有结构清晰端整、阅读辨识容易等高品质的表现,因而在1996年推出后即迅速成为许多领域所爱用的标准字型之一。
“Verdana”一名是由“verdant”和“Ana”两字所组成的。“verdant”意为“苍翠”,象征著“翡翠之城”西雅图及 有“常青州”之称的华盛顿州。“Ana”则来自于维吉尼亚·惠烈大女儿的名字。
曾经一度非常喜欢Verdana,在很早的windows系统中就已经自带,正如上文所述,优点是在小字上依然十分清晰,但缺点是会比Arial占用更多的横向宽度。

全新的网络安全字体——Google

HTML中嵌入Google网络自体,30秒后,就像使用系统自带自体一样,而不再需要flash一样嵌入字体(中文字体无缘)
全文:
http://www.google.com.hk/ggblog/googlechinablog/2011/03/timesarial.html

宋体

也许是我们在电脑里接触最为普及的TrueType 中文字体,这归功于Windows将其作为简体中文的默认字体(Vista之前版本)。
该字体缺乏弹性,在小字符下,点阵会有问题,比如在网页中小于12px下字体变出现锯齿,但在繁体系统中的 细明体“MingLiu”和新细明体“PMingLiu”却可以正常显示11px大小的中文字体。
在大字情况下依旧不够平滑,在雅黑出来以前,网站的标头宁愿选用黑体。

微软雅黑

目前为止最为成功的简体中文字体,首次在Vista中使用的ClearType字体(ClearType在IE7后的Windows xp更新中才被默认开启,而1998年发布的Mac OS 8.5就已经在使用了),在2008年5月6日发布了xp版的雅黑字体。
要注意的是,雅黑和宋在同样字号下大小并不一样,所以不建议用文字来撑页面高度。

正如开始介绍的,字体最重要的价值是方便识别,如果苹果没有漂亮清晰的字体,是不敢把1680*1050的分辨率塞进我这台15英寸的屏幕内。否则请试想一下,60岁的你不带老花、近视镜看车险保单后面条款时的样子。
正确的字体,可以增加用户在网页里漫游的有效时长。

我的更多文章

下载客户端阅读体验更佳

APP专享