如何选择Web字体 选择Web字体的方法2021-08-26

  大家是使用Web编码时候都知道,Web字体是非常有限的,虽然更新了最新的版本,在这种情况下,如何如何选择Web字体就尤其的重要了。下面就分享一些能快速筛选出Web字体的方法,以便你能更能的为设计网站提供更好的内容。

  首先选择网络字体以提高可读性

10.jpg

  实际上,一些设计师认为内容确实应该是您选择字体时的首要考虑因素。

  设计师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,平板电脑或手机上看起来都很棒,否则,您可能会感到讨厌-以前很高兴的客户打来电话。