以 PDF 格式下载文章
尽管媒体种类繁多,但文字仍是互联网的支柱。这意味着您为网站选择的字体将成为布局和设计的一个重要方面。
WordPress 字体可以唤起情绪、帮助品牌推广等等。WordPress 中的完整网站编辑 (FSE) 让用户可以自定义此字体 — 该theme.json文件可帮助开发人员构建利用此功能的 WordPress 主题。
本文探讨了 FSE 和 WordPress 的字体设计theme.json。不过,讨论还包括一些关键背景,例如您使用的技术、需要牢记的技术注意事项,以及如何在设计中使用字体的演变。
网页排版:简史
如果你回顾早期的网页设计,你会发现,尽管布局多种多样,但字体的呈现方式却始终一致。这部分是可用性,部分是必要性。简而言之,如果没有我们现在拥有的技术,网络上的文字只能使用计算机上可用的字体。
90 年代中后期的“网络冲浪者”只会使用少数几种可预测的字体:Times New Roman、Arial、Helvetica、Georgia 和 Verdana。后两种字体是 Microsoft 委托设计的,无论在哪个时代,都能很好地呈现网页效果。
两种衬线字体 Verdana 和 Georgia 的比较。图片展示了两种字体的大写和小写字母以及数字。Verdana 看起来更紧凑、更几何,而 Georgia 的衬线更明显,外观略显传统。
Verdana 和 Georgia 字体的样本。
这种原始选择是一致且可靠的,但缺乏灵活性。Google Fonts 和 Adobe Fonts等服务使用 WOFF 文件格式,让您可以访问数千个字体库,并且嵌入过程非常简单。
Google Fonts 网站显示字体预览和过滤选项。预览文本如下:
Google 字体的主要界面。
这为您提供了更大的空间来提高可读性、创建独特的设计并为您 丹麦 WhatsApp 号码数据 的网站量身定制用户体验 (UX)。缺点包括潜在的性能影响(例如内容布局转变)、依赖第三方服务来显示您网站上最重要的元素以及隐私问题。
这导致许多网页设计师放弃字体库并重新考虑使用系统字体。通过应用优先考虑原生字体并使用后备选项的“系统字体堆栈”,您可以获得更快的处理和控制,这是一种可靠的方法。
WordPress 和排版
WordPress 非常重视排版,以帮助您创建引人入胜且可读的内容。纵观其历史,WordPress默认主题都使用在美观性和功能性之间取得平衡的字体搭配。
当前默认主题使用系统字体堆栈来实现简洁、现代且高性能的呈现效果。较旧的默认主题使用 Noto Sans 和 Noto Serif(用于Twenty Fifteen)以及 的 Twenty Ten 演示页面。
虽然这些选择为每个主题中的 WordPress 设计定下了基调,但它们也可以启发您密切关注如何使用排版 - WordPress FSE 可以提供帮助。