Tahoma Arial Verdana等几种中文网页字体的选择

最近在开发Wordpress站点时,由于Google字体在国内的访问受限,因此面临中文字体的选择。该如何选择中文网页的字体?首先来了解下这几种中文页面中常用的字体的特点。

Verdana字体

是一套无衬线字bai体,由于它在小字上仍有结构清晰端整、阅读辨识容易等高品质的表现,因而在1996年推出后即迅速成为许多领域所爱用的标准字型之一。

此字体的设计源起于微软字型设计小组的维吉尼亚·惠烈(Virginia Howlett)希望设计一套具有高辨识性、易读性的新字型以供屏幕显示之用,于是她邀请了世界顶级字型设计师之一的马修·卡特(Matthew Carter)操刀,以Frutiger字体及爱德华·约翰斯顿(Edward Johnston)为伦敦地铁所设计的字体为蓝本,并由Monotype公司的字型微调(Hint)专家汤姆·瑞克纳(Tom Rickner)担任手工微调,字体结构与Tahoma(同为马修·卡特所设计)很相似,微软将Verdana纳入网页核心字体之一。

Arial字体

Arial是一套随同多套微软应用软件所分发的无衬线体TrueType字型。Monotype设计这套字型是要以其作为一个较便宜的替代品与Linotype的Helvetica竞争。由于Helvetica是支援Adobe PostScript语言的打印机所指定的其中一款字型,用户选用它能确保文件可正确打印,所以是一套流行的字型。微软购买了较便宜的Arial的使用许可,所以只包含了类似Helvetica字型如Arial及MS Sans Serif在视窗系统里面。

虽然比例及字重(weight)和Helvetica极之相近,但Arial其实是Monotype Grotesque系列的变种。设计Arial时考虑到会在电脑上面使用,在字体及字距上都作了一些细微的调整和变动,以增加它在电脑屏幕上不同分辨率下的可读性。

从微软在Windows 3.1上推出购自苹果电脑的TrueType技术起Arial就一直跟随视窗系统分发。TrueType的推出就是打算取代PostScript语言所使用的Type 1字型。而微软也曾尝试以自行开发的TrueImage打印机描述语言彻底取代PostScript。

最新版本的视窗系统都带有Arial的Unicode版本:Arial Unicode MS。这字型依据Unicode标准包含多国语言文字在内。虽说比如Bitstream Cyberbit和Code2000都比它收录更多字符更完整,不过以跟随操作系统大规模分发的字型来说,Arial Unicode MS就是最完整的一部了。

最新的PostScript语言除了原有的Helvetica也包括了Arial作为标准字型。使用PostScript第三级(level 3)语言的机器都应该支援。

Tahoma

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

Helvetica

Helvetica是由米耶丁格和爱德华德·霍夫曼(Eduard Hoffmann)在瑞士哈斯铸造所(Haas’sche Schriftgießerei)所制做。作为排版铅字制作的。当时人们熟悉的是“国际字体风格”(也称为“瑞士风格”),比如 Josef Muller-Brockmann 在1896年推广 Akzidenz Grotesk 这类在50多年前制作的无衬线字体,并由德国铸造所 Berthold 持续进行市场推广。因此哈斯希望能设计一套新的无衬线字体能够与 Akzidenz Grotesk 在瑞士市场上竞争。最初的名称是“Neue Haas Grotesk”,意为“哈斯的新无衬线铅字”,后来被哈斯的德国母公司斯滕佩尔(Stempel)在1960年改为 Helvetica,源自瑞士的拉丁文,使其更具有国际市场竞争力。

了解以上几种字体的特征后,最后在字体选择上面参考了京东和淘宝的订单页面的字体。

京东字体

font-family: Arial, Verdana, 宋体;

淘宝字体

font-family: tahoma, arial, ‘Hiragino Sans GB’, 宋体, sans-serif;

可以看到字体以Arial Tahoma Verdana三种为主,京东优先选择Arial,淘宝优先选择Tahoma。

字体的排序,代表着字体的优先级,为什么他们这样排序,这个不得而知。

下面是对这三种字体的进行一个简单的对比:

通过上面的对比,可以明显的看出两个特点:

  1. Arial 和 Tahoma 的大写 i ,Tahoma更容易识别。
  2. Verdana的字间距比其他两个稍大一些。

Arial广为人诟病的一点就是i大写的问题,而在字体为12时,中文的样式、间距并无差别,所以我决定选择Tahoma作为我的主字体。

另外值得注意的一点就是京东和淘宝都选择Verdana作为订单金额的字体,个人觉得是非常合理的。

因为订单的金额是非常重要的信息,Verdana的特点就是字间距较大,这样可以更为清晰。

最终我确定首选字体样式为:

通用 font-family: tahoma, arial, 宋体, sans-serif;
订单页 font-family: verdana;