怎样选择网页字体
来源:用户上传
作者:
提要：网页设计包含了许多部分，从整体设计到细节设计，从大幅banner到小小字体都是需要设计师花心思的。内容自然是网站重要的部分之一，而文字是内容的承载，所以网页字体的选择亦成为重要的部分。
关键词：网页;排版;字体
中图分类号：TP319 文献标识码：A
文章编号：1009-3044（2019）17-0229-02
开放科学（资源服务）标识码（OSID）：
排版存在是为了尊重内容，当它做到最得体时，揭示了每一个元素，元素之间的每一个关系，以及文本的每一个逻辑细微差别。
虽然有时候可能一个页面的文字没有几个，但你可千万别小瞧文字的作用。字体的选择，字体的大小、粗细、间距以及多种字体如何自然地搭配都是决定你设计的关键因素。在同一个页面有限的文字区域内你所用到的字体样式绝对不止一种，甚至会有三四种，这是为了打破单一字体给用户带来的单调感。字体的搭配是将两种或更多字体通过合理的排版达到最佳效果的过程。对于很多初学者来说，他们觉得只用选择漂亮字体就够了，事实上，选择漂亮的字体并不难，如何让它们完美地搭配在一起，相得益彰，这才是应该好好下功夫的地方。
哪些字体在标题中效果最好？哪些字体在段落中最适合阅读？一般来说，选择合适字体需要注意以下几方面。
1）确保可读性
关于网页制作如何选择字体，没有通用规则可言。衬线字体和无衬线字体表现能力都不错，新奇的字体也能表现出理想的效果，但是它们有一个共有的要求，即可读性。如果你选择或者设计的字体不具备可读性，那么这就破坏了文字所要表达的意义。
2）字体和单词匹配
这一点很容易理解，某些字母、单词、汉字在某个特定字体下会很难看，我们无法改变。甚至有的字体中I，l，1看起来是一样的，为了避免用户阅读混淆，你必须换一个字体。文字需要能吸引人的眼球，这些单词会让人产生某种感受，或浑然天成或装饰过度。如果你觉得一些字符的组合比较奇怪，那用户也会感觉到。
3）谨慎使用细体
细小的字体有时候可以表现得很惊艳，也有设计师能把它设计得很漂亮，但是大部分情况下都不能表达出太好的效果，因为首先它的可读性较差。
网页设计中字体和字体大小如何选择？
许多应用程序和网站仍然使用一小部分最常见的字体——这是对数字排版最实用的方法的延续。曾经使用系统字体是最安全的选择，因为它们可以在大多数设备上正常工作。今天，Web字体往往和系统字体一样可靠，而且有更多种类可供选择。例如：Helvetica，Arial，Times，Georgia，Montesque...
设计师通过将文本分解成碎片，不仅为读者提供大量的信息，还为丰富界面提供了途径。除了字体选择的个性之外，精心设计的布局还通过视觉提示、规律性和变体来自然地引导读者。而根据文本的长度选择类型，可以给读者很多提示和快捷检索，帮助导航。
对于标题和副标题，您可以选择具有表现力的、独特的、甚至是特殊的字体，包括“显示”“装饰”“手写”和“脚本”样式。这些非常规的高对比度设计往往在这种情况下效果很好，因为它们的细节和视觉复杂性有助于吸引眼球。如果你想对短的文本使用无衬线字体， 特别是在大尺寸的文本中，字体的重量往往看起来会有点轻薄，请考虑改用粗体和压缩样式， 因为它们的高笔画对比度往往会吸引读者的注意力。
在排中长文本（五段落以内）时，字体选择相当灵活，衬线字体和无衬线字体都可采用。在排版较长的文本部分（超过五个段落）时， 建议使用衬线字体，这样更容易让眼睛适应长时间的快速阅读， 如新闻和报刊文章。
一般字体的使用常为宋体。不要使用交生的字体，防止用户因没有安装对应字体样式造成显示错误。所以不同操作系统都有不同的字体系统，但既然是字体，总有一些比较经典特殊常用的字体共同存在于各个系统中，例如无衬线中的Arial字体。
网站建设中字体大小的选择是用户体验中的一个重要部分，过大过小都会影响用户体验。在制作网页的时候，我们可以根据文字在网页中的不同位置和不同等级来分别使用不同大小的字体。相对来说，内容标题可以使用较大的字体，小标题可以采用次一号的字体，正文则可以采用正常大小的字体。
在选择网页字体时，你需要权衡几个考虑因素。尽管文本的长度有助于确定您选择哪种字体，但设置类型的大小是另一个重要因素。以相对较小的尺寸，高达16磅，尝试无衬线选项。无衬线也往往有相对较低的笔画对比度和更均匀的笔画重量，这给他们一个均匀的“颜色”时，缩小和包装成一个小的空间。
在使用中等大小字体时（比如子标题、引号或较小的标题，范围从16到24磅），可以考虑使用无衬线字体，避免过于沉重的东西，既不要太厚也不要太薄，这样可以使文字易于阅读。如果你想要一个现代的和不是太书生气的衬线字体，找一些没有太多笔画对比的字体，比如Slab serif字体。
在使用大尺寸字体时（大于24磅），称为“显示字体”。这些特性往往在较大的尺寸上很突出，而在较小的尺寸上，这些相同的特性往往会阻碍可读性。不过，几乎所有的印刷体都是适合大型文字的游戏，只要字体所唤起的感觉与上下文相符就可以了。
如何衡量一個字体的功能和它的设计特征？
字体的设计特征是在特定字符上量身定制的变体。这些包括小大写字母、上下文替换和不同的编号样式。在某些上下文中，小写大写字母对于标题和段落开头使用率很高，他们可以通过增加多样性来创造一种视觉层次感使文本变得复杂。
如果你使用的是草书字体或脚本字体，它的替代字体可以使文本看起来更“自然”，方法是增加实际手写字体中出现的品种。另一方面，衬线或无衬线字体中的交替字符可能会添加与普通文本不同的细微差别。
如果您选择了一种独特且引人注目的显示字体进行字幕，请尝试一些对正文文本进行色调向下和熟悉的字体。一个经典的选择是使用无衬线样式进行标题，使用衬线样式进行正文文本。字体支持的样式、字符和脚本越多， 您的准备就越充分。
随着基础知识的发展，您可以安全地进行更复杂的选择，如字体配对。配对可能是一个相当细致入微和复杂的问题，但这并不意味着应该完全避免。谷歌字体更新的设计师陈玉玲说：组合是无穷无尽的， 找到合适的配对可能需要很长时间，尝试不同的组合是很愉快的，所以要接受这个过程，尽可能多地测试你的选择——最有效的方法可能会让你大吃一惊。
网页字体的选择是一种微妙的艺术，但没有你想的那么难以捉摸，如果你做对了，网页排版可以是令人难以置信的强大。
参考文献：
[1] 郑国强.网页设计与配色标准教程[M].北京：清华大学出版社， 2017.
【通联编辑：唐一东】
转载注明来源:https://www.xzbu.com/8/view-14954343.htm
