为设计师设计的Windows Vista字体的全面指南

WebFX总裁。Bill在互联网营销行业有超过25年的经验,擅长SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

微软Vista字体设计的全面指南

没有不好的字体,只有不合适的字体。- - - - - -杰森Beaird

大多数电脑用户是在2007年1月30日微软公开发布新操作系统时才知道Windows Vista的。你和我当然早就知道了。

Vista测试版发布后,许多网页设计师很早就采用了它,并开始尝试——取得了不同程度的成功——看看他们是否可以将Vista字体融入到他们的设计中。有三件事很快变得清晰起来:

  1. 他们是漂亮的字体。
  2. 它们是不同寻常的,对于设计师来说,让人难以接受- - - - - -模糊的除非你启用了ClearType或其他抗锯齿协议;但是ClearType有一些严重的问题。
  3. 除了一些例外,它们是显著的尺寸更小比大多数字体都要多,这使得它们很难合并到字体栈中。

相信微软会创造出像这组漂亮的新字体(或像Vista这样的操作系统)这样有吸引力和潜在价值的东西,然后采取措施确保它们不容易使用。但我喜欢这些字体:它们很漂亮,而且在我们的许多用户的电脑上都可以使用(截至2010年5月,92%的个人电脑使用Windows)1)。

此外,设计界应该思考如何在他们的工作中使用它们。让我们看看我们面对的是什么。

字体的分解

字体的分解Vista " C "字体。让我们来看看字体本身,从这组字体中最著名的开始:6个“C”字体——它们的昵称源于所有名称都以字母C开头的事实,官方来说,因为它们是Microsoft ClearType字体集合的一部分。

约翰·哈德森(John Hudson)是设计了C字体(Constantia)的字体设计师,他分享了一些关于“C”字体名称是如何被挑选出来的见解:

“微软的一位经理提出,所有的CT (Vista)字体都应该有以c开头的名字。我想不起所有可能的名字,在国际商标搜索后,每个名字都被拒绝了。微软花在律师做商标搜索上的钱可能比花在字体开发上的钱还多!

我记得,倒数第二项被拒绝的前一天,我在晚祷时唱赞美诗,注意到康斯坦西亚这个词。嘿,我想,这是从C开始的!”

如果你用的是Vista, Windows 7, Windows上的MS Office 2007,或者Mac上的MS Office 2008,你已经有了这些字体。如果你还没有,那就继续往下读!

C级名单

这里有一些关于“C”Vista字体的信息。

Calibri

新版Office软件默认字体Calibri取代了老旧的Times new Roman字体,它是一种更柔和、更圆润的无衬线字体。Calibri的设计师Lucas de Groot说:“它的比例可以在大小字体的紧凑线条中产生强烈的影响。”当抗锯齿应用,它是一个有吸引力和非常读者友好的字体;如果不使用Calibri,它看起来就像我用脚画的东西。

字体mavenMegan McDermott说Calibri“在Opera和Firefox中看起来很糟糕”,我不同意这一观点,但因为我尊重她的工作,所以我将传达她的观点。Calibri

威尔士

在“C”系列中只有两种衬线字体,在我看来,Cambria是两者中较小的一个。微软Cambria是“为屏幕阅读而设计的,并且在小尺寸打印时看起来很好。

设计师杰勒·博斯马称其为“健壮、多功能的主力文本面”。范·瓦格纳称之为“坚固”和“正式”。我认为字体缺乏某种优雅,尽管它足够坚实,间距非常严格。如果您对呈现数学方程感兴趣,请查看威尔士的数学

Candara

这种无衬线字体包含了一些装饰性的繁盛,沿着抛石机女士因此在正文中用处不大。

Consolas

这套字体中唯一的单空格字体,Consolas和其他字体一样吸引人等宽字体在那里。我真诚地鄙视每个人默认的单空间错误,Courier New,更喜欢Andale Mono和其他更时尚的单空间。像Calibri一样,Lucas de Groot设计了这种字体。

康斯坦莎

该系列的另一个衬线字体,Constantia,是优雅的,而不是明显的华丽。它干净,易读,总体来说是一种优秀和通用的字体。该字体的发明者约翰·哈德森(John Hudson)表示,他设计的字体可以同时用于印刷和电子显示格式。

在屏幕上,它看起来很像Palatino划线或者Book Antiqua,但更有现代感。SimpleBits的Dan Cederholm——在他的追求中为你的设计提供最好的&号——发现Constantia的&号(&)在&号美化代码中作为Palatino/Palatino Linotype的伴侣工作得很好。

挑出

Corbel是集合中最后一种无衬线字体。

它是干净的和可读的,但对我来说,它遭受一些相同的设计限制Cambria。微软称Corbel在屏幕上的外观“整洁而干净”,并声称它“在小尺寸下清晰易读,功能强大”。

移动设备上的“C”字体

值得注意的是,手机/手持设备的倡导者亚历山大Turcic说“C”字体在手持设备上很“华丽”。2005年,他提交了6个在他的网站上使用的字体截图iSilo装置,包括下面使用的Constantia的例子。

在移动设备上康斯坦夏对伊西洛。

异类:Segoe UI和Nyala

Vista字体集合包含了另外两种在讨论该集合时经常被忘记的字体:Segoe UI和Nyala。

Segoe UI

Segoe UI作为一种无衬线字体,Segoe UI是一个较大的“Segoe”(根据微软设计师Jensen Harris的发音为“SEE-go”)字体家族的成员。与Helvetica和Arial等“瑞士”字体相比,它有更轻、更圆的感觉,也没有Tahoma字体那么线性。

它是微软指定的系统字体,取代了大多数Windows屏幕上的Tahoma字体。微软博主Saveen Reedy称它为“美丽的”字体,我同意这一评价。2006年,当欧盟宣布Segoe UI为一种盗窃另一种字体(Frutiger Next)的专利,并拒绝接受微软的字体注册申请。

可以肯定的是,两者之间有细微但明显的区别,但大多数人认为微软在决定不上诉欧盟的决定时承认了某种形式的剽窃。设计师史蒂夫·马特森表示,Segoe UI是一个完全原创的设计。抛开所有的法律和争议,如果您启用了ClearType,并且您对该技术提供的重型抗锯齿功能感到满意,Segoe UI是一个极好的设计选择。

没有适当的抗锯齿,Segoe UI从强大而精致,到几乎野蛮粗糙。

尼亚拉

尼亚拉八种Vista字体中最不为人知的是Nyala,它在Windows Vista和Windows 7以及Windows Server 8中都提供。这是一种克制华丽的衬线字体,在我相当模糊的眼睛看来,在许多显示中显得有点锯齿状。它也是八种Vista字体中唯一的一种,如果你的Windows安装中没有它,你几乎不可能免费找到它。根据微软“尼亚拉字体以山尼亚拉(tragelaphus buxtoni)命名,这是一种非洲大羚羊,原产于埃塞俄比亚高地。”它是由资深字体设计师约翰·哈德森(John Hudson,顺便提一下,他也创造了Constantia)设计的,参考了埃塞俄比亚本土的字体和字母。

使用Vista字体的设计问题

用Vista字体设计——包括“C”字体和两个红头发的继子字体——最多是有问题的。当然,单从外观上看,大多数字体都是极好的设计选择,优雅、吸引人,而且在各种字体大小下都可读。因为它们不是我们每天都能看到的那种老式的网络安全字体,所以它让设计师和用户在他们的屏幕上看到了一些新鲜和不同的东西。

市场渗透率不错

抛开字体嵌入不谈,我们都知道用一种没有人拥有的字体进行设计是毫无意义的。微软可能是目前唯一一家能够引入一种字体——或者在这种情况下是一组字体——的计算机技术公司,它将在短短一年内实现Windows用户社区的市场渗透。这是因为Vista字体包含在微软Windows Vista、Office for Windows 2007和Office for Mac 2008中。突然之间,成千上万的潜在Web用户得到了十几个新字体。那么有多少Windows用户拥有它们呢?CodeStyle的专家可以回答这个问题。

他们会定期发布一份关于“普遍使用”字体的调查报告,以及哪些用户使用哪些字体的百分比。根据CodeStyle 2010年6月的字体调查结果,各种“C”字体似乎有一个60-61%的市场渗透率在Windows用户中。Segoe UI的比例略低,约为51%。

Nyala的排名要低一些,大约43%的Windows用户在他们的机器上使用这种字体。少数但数量可观的Mac用户(约13-15%)在他们的系统上使用“C”字体。从某种角度来看,这是在Windows用户的机器上安装Helvetica(相当于Mac的Arial)的两倍。

Linux用户,约占4.8%2在所有Web用户中,几乎没有这些字体中的任何一种:即使是最常见的字体Calibri,也根本没有出现在Linux字体列表中。市场渗透率是否在增长?在短短一个月内(从5月到6月),Windows用户的数量增长了约5%——这是一个显著的增长。

这告诉我们,这些字体的市场渗透率正在上升。快速回顾一下:我们预计超过一半的Windows用户将使用Vista的“C”字体,大约14%的Mac用户将使用“C”字体,而Linux用户则不会使用这种字体。有迹象表明,这一数字将相对快速增长。

这对网页设计师来说意味着,虽然你可以在你的字体栈中使用Vista字体,但你应该在它之后(备份)使用更通用的字体(合法的字体)直到这些数字达到更高的比例。

尺寸真的很重要

不幸的是,与通常用于字体栈的字体相比,Vista字体非常小(比如x-height),这使得为它们设计非常困难。至少有七个是;Segoe UI比它的七个兄弟姐妹都要大,从它的尺寸来看,它可以与Verdana、Helvetica/Arial和Tahoma等字体相匹配。

此外,大小差异似乎更明显的“C”无衬线:Calibri, Candara,和Corbel。有些Vista字体比它们的同类字体小得多,在字体堆前面使用它们可能会打乱你的设计,特别是如果你设计的是一个结构紧凑的“计算像素”布局。你可能会发现自己通过增加设计的字体大小来弥补它们的小尺寸,当你的网站在没有这些Vista字体的机器上显示时,这可能会反过来伤害你。

这是一个目前还没有真正解决方案的问题,尽管它可能在某种程度上得到解决@font-size-adjust房地产变得更加广泛。不幸的是,即使是@font-size-adjust也不允许对堆栈中的不同字体进行调整。那些人NeoSmart观察:

“它们就是不合适。

新字体大多太小,无法直接插入到现有的CSS文件中。如果你调整CSS使它看起来适合Calibri;十分钟后,另一个没有Calibri字体的人就会过来向你的服务器要那个CSS文件——但因为他们没有安装Calibri,他们的浏览器就会使用列表上的下一个,不幸的是,你的大小都错了。”

他们最终确实调整了一些样式表,以接受Vista字体,但这需要一些时间,一些测试,并愿意在字体大小上妥协。他们确实注意到Consolas在他们的设计中工作得很好,没有太多的调整。

SixThings网站的Brownspank观察到:“这对一些人来说可能是微不足道的,但如果你的目标是在字体家族中保持一致性,或者依赖于细微的字体大小差异来加强层次,Vista字体可能会对你的布局产生不利影响。”麦克德莫特注释:“这确实让你想知道为什么会这样。这仅仅是字体设计师的无知吗?疏忽?

一些卑鄙的方法让网页在其他浏览器中看起来很糟糕,这样所有人都必须使用IE?”Brownspank建议设计人员将他们的字体大小设置为最小的14px甚至16px,以确保可读性,并尽量使用与非Vista字体匹配的Vista字体。

ClearType问题

还有微软的清晰字体.ClearType(简称CT)是一种抗锯齿(有时称为字体平滑)工具,2000年首次为Microsoft Reader开发,并被纳入(默认关闭)Windows XP。

在Vista、Office 7、IE 7和Windows Live Messenger中默认启用。如果您熟悉Adobe的CoolType,那么微软的版本是相对类似的。在我看来,微软做出了一个愚蠢的决定——要求启用ClearType以使这些字体正确显示,并根据CT规范设计它们。

通过这样做,他们采用了8种非常好用的字体,并使得在99.9%的浏览器和显示器上运行的字体栈中使用它们变得更加困难。网页设计师,无论是否使用Vista字体,都是如此需要在Windows显示屏上测试他们的设计启用ClearType,然后再次禁用它。Mac用户一直都在使用字体平滑,所以这对Mac用户来说不是什么问题(或者至少是同样的问题)。

Mac字体平滑非常标准,OS X使用Quartz抗锯齿滤镜,Mac OS 8和9系统使用更老的工具QuickDraw3..Mac博主Matt McErvin给出更详细的信息Quartz和QuickDraw的抗锯齿技术。ClearType问题在Quartz和ClearType中渲染字体的区别。

来源:Smashing Magazine.ZDNet的George Ou写道CT优于Quartz在屏幕上呈现字体时。博主Joel Spolsky,在某种程度上不同意他认为Quartz在呈现最初设计的字体方面做得更好,但代价是有一点模糊。这场辩论讨论了为什么一些Mac用户的Safari发现字体显示模糊得不可接受。

反对反锯齿的意见有很大的分歧,特别是ClearType。就我个人而言,我喜欢字体平滑,因为我的眼睛不好,而且我的电脑显示器和眼镜都旧了。我会用我能得到的东西来帮助我看清楚。

那些拥有更敏锐的视力和更好的显示器的人可能也确实不同意。著名设计师乔恩·谭,有一个特别的对ClearType尖刻的看法特别是它在IE 7中的实现方式。他总结道:“ClearType未能提供良好的抗锯齿。在我看来,这是老Windows标准渲染的倒退。我完全无法解释为什么这种情况会持续下去。”如果我的眼睛好一点,我可能会同意谭的观点。

程序员的ClearType

博客作者Jeff Atwood在Coding Horror将喜欢使用Consolas作为默认的固定宽度编程字体,如果不是清晰字体的问题.他写道:“我绝对同意Consolas是我见过的最好看的ClearType字体之一。这可能是因为它是第一个从头设计的带有ClearType提示的字体家族的一部分。

但是,我不喜欢在编程字体上使用字体平滑。而没有ClearType的Consolas看起来就像垃圾!Consolas似乎缺乏在小点尺寸下合理显示的任何提示。

Consolas不仅针对ClearType进行了优化,没有ClearType几乎无法使用。”程序员Rick Stahl同意根据阿特伍德的位置,他说康索拉斯只有在ClearType启用的情况下才对他有效,而且只有在15分的时候才有效。然而,程序员和数学教授约翰·库克有不同的观点他说Consolas是他“最喜欢的单空格字体”,部分原因是“它夸大了一些容易混淆的字符之间的差异”。他没有解决ClearType问题;很可能他已经启用了它并继续前进了(或者他不使用Windows)。

调整ClearType为您

值得一提的是,微软有一个“强大的玩具”,可以为XP和Vista用户微调ClearType。

Windows 7的用户在控制面板的外观和个性化小程序中有这个实用程序。XP用户也有在线版本的CT动力玩具可供他们使用的。

不用于打印

除了Constantia和Corbel可能的例外,这些字体是是为屏幕设计的,不是打印的。我不会跑去更改我的打印样式表来合并这些字体。

使用“C”字体设置你的设计主题

对你想要传达的信息的特质做一个大致的描述,然后寻找能体现这些特质的字体。- - - - - -杰森·圣玛利亚

设计师也应该认识到他们的访问者对他们选择的字体的看法。大多数设计师和用户都认为,Helvetica字体在设计中使用时会给人一种冷静、有点超然的感觉,而Times New Roman字体则给人一种坚实的感觉,尽管可能有点古板。

2006年,由微软资助的软件可用性研究实验室(Software availability Research Laboratory)进行了一项研究,研究对象详细描述了他们对20种字体的感受,其中包括所有的“C”字体,着眼于它们在网页设计和其他领域的使用。通过对反馈的整理,这6种字体被分类如下:

Calibri的可用性

  • 一种“万能”字体。
  • 70%的受试者表示他们会在网上使用这种字体。
  • 70%的人说他们会用手机发短信。
  • 64%的人说他们会在即时通讯软件中使用这种字体。
  • 63%的人表示他们会在电子邮件中使用这种字体。
  • 62%的人表示他们会在杂志中使用这种字体。
  • 54%的人表示他们会在ppt中使用这种字体。
  • 53%的人说他们会在广告中使用这个。
  • 没有人说他们会完全避免。

威尔士的可用性

  • “传统”字体;“稳定”、“礼貌”、“成熟”和“实际”。
  • 76%的人表示他们会将这种字体用于商业用途。
  • 70%的受试者表示他们会在网上使用这种字体。
  • 70%的人说他们会用手机发短信。
  • 66%的人说他们会在作业中使用这种字体。
  • 65%的人说他们会在杂志上使用这种字体。
  • 64%的人说他们会在教科书中使用这种字体。
  • 64%的人说他们会在新闻文章中使用这种方法。
  • 63%的人说他们会在书信中使用这种字体。
  • 61%的人说他们会用它来写短篇小说。
  • 61%的人表示他们将使用这种字体编写测试。
  • 59%的人说他们会在书中使用这个。
  • 59%的人说他们会把它用于科学目的。
  • 53%的人说他们会在宣传册中使用这种字体。
  • 45%的人说他们会用它来做数学。
  • 41%的人说他们会在电脑编程中使用这种字体。
  • 没有人说他们会完全避免。

Candara的可用性

  • 一种“万能”字体。
  • 61%的人表示他们会在电子邮件中使用这种字体。
  • 55%的人说他们会在广告中使用它。
  • 没有人说他们会完全避免。

Consolas的可用性

  • “普通”字体;“缺乏想象力”和“沉闷”。
  • 没有人说他们会完全避免。

康斯坦莎的可用性

  • “传统”字体。
  • 59%的人表示他们会在书信中使用这种字体。
  • 58%的人说他们会用它来写短篇小说。
  • 55%的人说他们会在宣传册中使用这种字体。
  • 54%的人说他们会在书中使用这个。
  • 没有人说他们会完全避免。

挑出的可用性

  • 一种“万能”字体。
  • 61%的人表示他们会在电子邮件中使用这种字体。
  • 54%的人表示他们会在im中使用这种字体。
  • 没有人说他们会完全避免。

这对“C”字体的可用性意味着什么

研究人员指出:“在线调查的结果与之前基于纸质样本的研究相似。用户始终将个性归因于屏幕上显示的字体。”无论如何,我对这些数据的看法是:所有的字体——可能除了单空格字体Consolas——给人的感觉都是吸引人的在某种程度上。

Calibri, Constantia,特别是Cambria,被认为对各种各样的应用非常有用。Calibri似乎最受欢迎的电子(屏幕)用途,而Constantia更受欢迎的印刷媒体。Cambria对电子和印刷显示器都有吸引力。

坎达拉和科贝尔就没那么令人印象深刻了。

Vista字体在野外

Vista字体在野外使用Cambria的Itst.org网站截图。来源:Sascha A。

卡林。我有点惊讶地发现,很少有网站使用Vista字体作为他们的字体堆栈的主要字体。以下是一些使用Vista字体的网站。因为在这种情况下上下文很重要,所以我应该说我是在启用ClearType的Windows XP机器上使用Firefox拍摄这些截图的。

明亮的创意

明亮的创意Dave Shea的网站在一些标题中使用了Candara。h2标题(“welcome”)设置为Candara。

NeoSmart

NeoSmart和上面的Shea一样,nesmart Technologies在“连接思想”文本行中使用Candara作为标志字体的一部分。

次要的文本行设置在坎达拉。

MSDN的博客

MSDN的博客微软项目总监Jensen Harris在2005年12月的一篇微软博客文章中使用Segoe UI和Constantia来宣传新字体的出现。MSDN的博客微软项目经理Scott Hanselman在一篇博客文章中使用Consolas编写一些程序代码。

这不是一个很好的例子,但是正如您所想象的,在设计中使用Consolas的站点并不多。

HiTechy

HiTechy网页设计师Alex Dawson使用Constantia作为标题,使用Candara作为正文。

AriWriter

AriWriter社交媒体营销人员Ari Herzog使用Corbel作为他博客正文的字体。

停止欺凌

AriWriter我在自己的几个设计中使用Segoe UI作为文本字体,包括我重新设计的Stop Bullying Now网站。

野外的其他用途

微软在它的文本字体栈中使用Segoe (Segoe UI的一个变体),在Tahoma后面。Tahoma在Windows用户中99%以上的市场渗透率,很少Windows用户会看到微软的网站显示在Segoe中。

根据网页设计师Amrinder Sandhu 2010年2月在排版网站A Way Back上发表的文章我爱排版它的字体中有Cambria,位于Georgia之后,这意味着Georgia在Windows用户中的市场渗透率接近99%,几乎所有用户都会在Georgia中看到它,而不是Cambria。然而,2010年5月的检查显示Cambria不再在ILT字体堆栈中。

获取Vista字体

如上所述,如果您使用Windows Vista、Windows 7、Windows的MS Office 7和/或Mac的MS Office 8,就会有这些字体。

然而,如果你运行的是非vista Windows操作系统,你仍然可以通过几种方式获得字体。你可以通过下载和安装免费的Microsoft PowerPoint Viewer 2007获得6个“C”字体。你可以通过安装免费的Microsoft Word Viewer来获得另一种Vista字体,Segoe UI——大多数字体供应商都无法提供Segoe UI,甚至那些提供其他Vista字体的供应商也无法提供Segoe UI。Mac用户可以通过安装Open XML文件格式转换器免费获得Vista字体;Rémi Plourde告诉我们如何做到这一点。Ubuntu Linux用户可以弄清楚如何安装字体摘自本文

Fedora Linux用户可以在他们的机器上安装Vista字体说明在这里找到

配对

如果你决定咬紧牙关,在你的设计中加入Vista字体,这里有一些建议的搭配。这些只是建议,主观的,特殊的;你可能会发现不同的字体或不同的组合更适合你的设计。

记住大小和抗锯齿的问题,测试,测试,测试。

Calibri + Arial或Helvetica

在我看来,这是关于尺寸差异的最极端的例子。Calibri很小。

Sandhu推荐使用Gill Sans和Calibri。

坎布里亚+时代新罗马/时代和格鲁吉亚

Cambria和Times New Roman很配,但比Georgia窄一点。此外,它与Linux很好地搭配在一起解放衬线

Candara +投石机MS, Helvetica/Arial, Verdana或Geneva

Canadara与Linux的Liberation Sans非常匹配。

Consolas + Monaco, Andale Mono或Lucida Console

事实上,任何单空格字体都可以与Consolas搭配使用。大小是一个问题,但不像其他一些问题那么严重。

Constantia + Times New Roman/Times, Apple Garamond或Georgia

还可以与Book Antiqua、Palatino字体家族和Linux的解放衬线进行很好的搭配。Patrick Hunlock在6个“C”字体和它们的非vista表兄弟之间提供了一个很好的比较(PDF格式)。网页设计师Christian Montoya提供了另一个这样的图表,也非常好,并且在混合中添加了一些Linux字体。

提倡在设计中使用Vista字体

如上所述,大多数基于设计的对Vista字体使用的批评都集中在ClearType/抗锯齿问题上。但其他人并不认为这是交易的破坏因素。克里斯蒂安·蒙托亚(Christian Montoya)是在设计中使用Vista字体的强烈倡导者,他解释说,他厌倦了“多年来我不得不忍受的一套难看的Windows字体……

就我而言,Windows Vista的新字体设计要比之前的字体好得多。”Stephen Coles是颇有影响力的排版博客Typophile的联合编辑,他在2008年写道,为什么他认为Vista字体没有在网站设计中得到更广泛的使用:“Vista字体受到了设计师普遍存在的反微软情绪的阻碍。也许也有一部分字体用户认为C[a]libri和其他C字体是专门为ClearType设计的——为屏幕设计的——而不是为专业印刷设计的。就我个人而言,我认为这个系列是微软多年来做的最聪明的事情之一,他们继续在排版方面教育苹果,但我还没有看到Vista字体在线下的使用。”字体设计师James Arboghast预测Vista字体将在大约十年后被广泛使用。

这些东西需要时间才能流行起来。”

参考文献

  1. Microsoft Windows -版本——维基百科
  2. 操作系统统计数据——W3Schools
  3. 每日报告- Jeffrey Zeldman每日报道

相关内容

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!