如何选择网络字体
通过提供数千种字体的在线服务,再加上托管自己的字体的方式,您如何决定要使用哪种字体?设计师和类型专家解释了如何选择Web字体。
Web字体服务提供的纯粹选择很容易使您不知所措。但是,当面对成千上万的选择时,有一些方法可以快速筛选选择内容,以便为您要创建的网站提供合适的内容。
“对我而言,选择字体首先要考虑项目的音调和声音以及用户要执行的任务,” Dropbox的设计师Dan Eden解释说。他补充说:“类型选择在某些方面是技术性的,但也有些棘手。”
印刷师兼老师 Indra Kupferschmid提供了类似的思路:“我首先想像一下我想传达什么样的气氛,或者什么样的气氛适合客户或用例。例如,我是否需要一件非常友好和平易近人的东西,我需要一些优雅典雅的东西,还是应该看起来更随意或更具技术性?”
在这个阶段,她甚至还没有决定使用衬线字体或无衬线字体:“您可以在所有这些方向上使用,所以我可以决定寻求更具人文主义或更理性的字体和比例。”
客户的身份可能会在很大程度上决定选择。“如果已经建立了支持品牌的类型系统,那么您的决定应该很容易,” Monotype主管Johnathan Zsittnik 建议。“您可能只需要选择一个附加族-与您正在使用的设计相对应的衬线或无衬线字体,或具有类似x高度和比例的东西。”
但是,当从头开始时-或如Fresh Tilled Soil的首席用户体验策略师Jason Pamental所建议的那样,当面临“风格化的东西,可能不适合网络使用”时,内容将成为更大的推动力。
首先选择网络字体以提高可读性
实际上,一些设计师认为内容确实应该是您选择字体时的首要考虑因素。
设计师Laura Kalbag表示:“在选择网络字体时,可读性始终是我最大的担忧 。” 杰森表示同意,并指出“无论您选择哪种形式的正文都必须易于阅读”,但他表示,标题“是一个更具表达力的机会,并且通常是在客户徽标或身份中使用字体的地方”。
总体而言,标题以及任何其他真正的大显示类型时,Fontdeck首席执行官Richard Rutter表示,“您可以随心所欲,因为较大的字符通常可以在足够大的屏幕上呈现出来”。不过,对于主体复制,[ Webtype合作伙伴Roger Black建议您“选择适合小尺寸的字体”,并指出Webtype有一系列看起来不错的10px选项。
Laura扩展了查找内容:“查找具有高x高度,均匀纹理的字体,并区分I,l和1,以确保文本易于阅读。记住也要检查数字-很多时候,您需要在界面中输入数字,而当您使用的字体对文本漂亮但具有令人讨厌的数字时,这很烦人。”
她还建议至少考虑许多设计师如今急切希望避免使用的网络安全字体:“它们的设计是如此出色,因此,您在其之上和之上选择的任何东西都必须非常出色,才能在性能上进行权衡。 ”
Richard不太确定,主要是因为Android越来越流行:“如果您依赖系统字体,则只能使用两种字体:Droid和Roboto。但是,他承认,“网络的本质仍然是,每个地方都不可能一样”,他承认。
管您选择什么,Dan都指出,缩减选择通常是有道理的:“绝对可以只使用一种字体进行设计,甚至只用一种尺寸和重量的一种字体进行设计。这些约束是健康的。” Jason为标题添加了单独的字体,并复制了“创建视觉兴趣”,但是随后“确定它们之间的关系很重要,这样它们才能很好地协同工作”。
如果您仍然发现自己陷于困境,想知道降低字体选择的最佳起点和方法是什么,Richard提出了一条有效的直接途径。“从纯战术方面的考虑因素入围。您需要什么字符?例如,如果您需要东欧字符,您将淘汰大量字体较小的免费字体,因为设计师没有花时间设计所有字符。
接下来,他建议考虑所需的重量和样式-可能是常规,粗体和斜体,或者可能是半粗体或轻体。“这将减少选择,并引导您朝着正确的方向—通常是专业解决方案。”
除了后续的实际考虑(上述常规形式,如果您希望阅读和键入的文字不会引起人们的注意),他继续提出更深奥的问题,但从“消极”的角度提出了问题。字体说的对吗?如果一切都在lorem ipsum中,它将给人正确的印象吗?
至此,您应该以某种方式做出决定–或至少要选择的选项池要小得多。这些字体可能是衬线字体和无衬线字体的混合,尽管理查德(Richard)消除了在屏幕上使用衬线字体时一直存在的担忧:“过去,衬线字体表现不佳,点点滴滴的字母形式。但是,由于屏幕分辨率较高,并且倾向于将文本设置为比过去更大的字体,因此这种趋势趋于消失。因此,现在更多的是感觉而不是实用性,并且衬线通常被认为更“严肃”。”
测试网络字体
最后的提示可能很明显,但仍然值得一提:测试您的选择。“如果我已经拥有一个较旧版本的网站,或者类似的网站,我将使用“字体交换工具”,例如Webtype Font Swapper或FontShop的WebFonter(如上),以检查该网站在使用其他字体时的外观,”英德拉说。
另外,Jason说:“制作一个示例页面来尝试您的组合,并确保您在浏览器和操作系统之间进行测试。” “ Windows PC和Macs呈现字体的方式非常不同,您确实需要了解它们之间的差异。”
Web字体服务可以在此领域更好地进行自我托管,因为它们花费大量时间来尝试确保针对各种平台正确优化字体。不过,无论如何,都不要坐在Mac上,并明智地假设一切在Windows,平板电脑或手机上看起来都很棒,否则,您可能会感到讨厌-以前很高兴的客户打来电话。
热点推荐:
从构思到字体:字体是如何设计的?