充分利用字体库

介绍

在本课程中,你将了解字体库并学习如何充分利用它。学习目标是访问和使用字体库,并考虑字体系列搭配和易读性。WordPress 6.5 带来的一项出色新功能是能够访问和使用字体库。这个工具简化了你网站上的字体管理,允许你安装、使用和移除自定义字体。可以把它想象成字体的媒体库。就像你可以向媒体库添加和上传照片一样,现在你也可以对字体进行同样的操作。任何已安装的字体,无论是由你还是主题分发者安装的,都可以在编辑时选择。

字体库

要开始使用,请点击网站编辑器右上角的全局样式图标,选择排版,然后点击管理字体。在库下方,你将看到已安装的字体以及主题中定义的字体。如果你想从电脑上传许可的网络字体,请点击上传,然后选择文件。如果你无法安装字体,可能是由于托管服务提供商的限制。请联系你的主机商并请求启用字体安装,或者考虑切换到更灵活的托管方案。要从 Google Fonts 安装字体,请点击安装字体标签。首次操作时,你需要允许 WordPress 连接到 Google 服务器。你可以随时撤销访问权限。当你点击三个垂直点时,只需点击撤销对 Google Fonts 的访问权限即可。

本地托管

你安装的字体将从 Google 下载并存储在你的网站上。这意味着它是本地托管的。本地托管的字体能让你的网站更快,并保护访客的隐私。让我进一步解释一下。如果你的字体是本地托管的,网站访客无需连接到 Google 的服务器即可访问这些文件。因此,你可以最大限度地减少加载时间,并避免将用户数据发送给 Google。这确保了符合数据保护法规。如果你知道要使用的字体名称,可以直接搜索。在这个例子中,是 Merriweather。你还可以按类别筛选以显示特定的字体样式。当你选择一种字体时,你会注意到单个变体或多个变体。因此,字体库提供了对不同字重和样式的精细控制,鼓励你注意安装和启用了哪些字体变体。

搭配字体系列

接下来,我们来讨论搭配字体系列。字体系列是一组具有共同设计特征的相关字体。例如,像 Georgia Pro 或 Times New Roman 这样的衬线字体在字母末端有小的线条或装饰,赋予它们经典正式的外观。另一方面,像 Ariel 或 Helvetica 这样的无衬线字体缺少这些装饰,提供了干净、现代的美感。虽然使用多种字体来让你的设计脱颖而出可能很诱人,但混合太多字体会造成杂乱、不一致的外观,并减慢加载速度。最好坚持使用两种灵活、高质量的字体系列,以保持和谐、专业的设计并确保快速加载。常见的做法是使用一种字体用于标题,另一种用于正文,并对引用或标注等特殊元素应用不同的样式。这种方法能让你的设计保持连贯性。

字体搭配示例

让我们看一个例子。我决定使用一种衬线字体和一种无衬线字体,它们相互补充。对于标题,我选择了 Merriweather,正文则使用 Ubuntu Sans。Merriweather 以其经典而精致的风格吸引注意力,Ubuntu Sans 则使正文既醒目又易于阅读。将拉引文设置为浅色、斜体字重和样式,以独特的触感突出特殊文本,而无需加载第三种字体系列。这种搭配创造了一个统一而有效的设计,平衡了冲击力和可读性。最后,我们来谈谈易读性。你还需要确保选择的字体呈现的文本是清晰易读的。这种可读性的视觉方面意味着你网站上的文本内容清晰明了。字母要清晰且设计良好。字体大小要足够大,颜色与背景色要有足够的对比度。

结论

避免使用过于装饰性的字体,通常是手写体,这些字体可能难以阅读,无论是对你自己、视障人士,还是对母语不同的访客来说。总之,易于阅读的字体应该始终是你设计决策中的首要任务。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注