如何将谷歌字体添加到 WordPress

显着改善网站设计和专业性的一种方法是使用出色的字体。

大多数人从不考虑他们在网站上使用的字体。 但是,如果您正在开发自己的主题或编辑当前已安装的主题,那么选择合适的字体应该是整个过程的重要组成部分。

为您的网站选择字体或字体组合曾经是一项简单且坦率地说非常无聊的任务。 可供您使用的 Web 安全字体非常少,但现在随着不断创建的大量 Web 优化字体,可能很难确定使用哪些字体。

随着创建 谷歌字体 现在有 900 多个字体系列供您选择,选择好的字体的过程更加复杂。 然而,在过去几年中,围绕 Google 字体的发展使得实现您所做的任何选择比以往任何时候都容易得多。

我为什么要使用谷歌字体?

Google Fonts 已成为当今网络上可供您使用的最好的字体资源之一。

不仅有 900 多个字体系列供您使用,而且所有字体都是开源字体,任何人都可以创建和增强。

创建字体的设计师必须经过一个考虑过程才能将他们的字体包含在 Google 的目录中。 这意味着除了可以访问世界各地数以千计的设计师之外,字体不能添加到目录中,除非首先确保它们是完整的和网络优化的。

过去使用不同的字体意味着人们必须在自己的计算机上安装字体才能让浏览器正确显示它们。 使用谷歌字体,所有字体都可以直接从谷歌目录访问,确保它们几乎可以在任何机器上使用任何浏览器。 这为开发网站开辟了前所未有的设计自由度。

我如何在我的网站上使用谷歌字体?

一些 WordPress 主题,例如 总 WordPress 主题 包括内置于主题中的选项,可轻松更改您的 Google 字体。 只需导航到 定制器 然后点击 排版 选项卡来编辑整个主题中元素的主要字体、字体大小、字体粗细甚至行间距。

总主题字体选项

但是,如果您使用不同的主题,则可以手动添加 Google 字体或使用插件。

用于添加 Google 字体的 WordPress 插件

将 Google 字体添加到您的站点的最佳免费插件之一是使用免费的 Easy Google 字体插件,您可以从 WordPress 存储库下载该插件。 最简单的下载方式是直接从您的 WordPress 仪表板下载。 只需登录您的 WordPress 网站并转到 插件 > 添加新的. 然后只需搜索“Easy Google Fonts”即可快速轻松地安装。

另一个用于在网站上自定义字体的出色插件是 Yellow Pencil Live CSS 编辑器插件(免费包含在我们的 New York WordPress 主题中)。 这个插件的好处是它不仅可以让你通过简单的点击和编辑方法来改变你网站的字体。 您还可以自定义所有 WordPress 主题的颜色、字体大小、字体粗细、填充、边距等。

我应该使用哪些字体?

Google Fonts Directory 的最大优势也可能让您的日子不好过。 可供使用的字体数量如此之多,以至于找到并选择合适的字体组合可能是一个挑战。

您选择的字体将完全取决于您试图通过设计传达的内容。 字体用于吸引网站读者的兴趣。 它们被用来引起人们对网站各个方面的注意,一个伟大的设计师可以通过使用字体的细微差别来创造奇迹。

您需要了解的一件事是字体和字样之间的区别。 这两个术语经常错误地互换使用。 字体是字母、数字符号等的完整集合。当提到该集合的设计时,您会称其为字体。

字体分类

有多种分类可应用于字体。 它们是:Serif、Sans Serif、Display、Handwriting(或 Script)和 Monospace。 还有其他的用于印刷,尽管我们现在不需要关心它们。

那么它们之间有什么区别呢?

衬线体 字体有一条尾巴挂在每个字符的边缘。

衬线字体

无衬线字体 字体没有尾巴。

无衬线字体

展示 字体不寻常且具有装饰性。

显示字体

手写 字体看起来像手写草书或块写。

手写字体

最后, 等宽 字体由字符组成,每个字符占用完全相同的空间量。

等宽字体

网页设计的字体最佳实践

选择要使用的字体时,可以遵循一些最佳实践指南。

这是一个好主意 避免使用两种以上不同的字体 在您的网站设计中。 平衡两种以上的字体可能很困难。 在一个网站上混合使用两种以上的字体会导致严重的视觉问题。

如果您使用两种不同的字体,例如一种用于标题,一种用于内容,请确保您没有从相同的字体分类中选择它们。 它是 最好结合字体. 换句话说,避免使用两种不同的衬线字体,或两种不同的无衬线字体。

有些字体非常适合标题,但不适合正文内容,反之亦然。 有些网站的内容使用的字体可能难以阅读。 内容字体应该干净易读 然而 应使用标题字体以获得最大的影响 并将注意力吸引到您网站的特定区域。

为 WordPress 包装谷歌字体

正如您可能开始意识到的那样,为您的网站设计选择字体可能是一个棘手且复杂的过程。 除了简单地选择任何两种字体之外,还有更多的决定。

在您的选择中,您应该努力确保几件事。 确保您的标头类层次结构是平衡的,并且标头标签的相对大小减小了。

良好的网站设计和排版成功了一半是要与您的字体选择保持一致。 这包括字体大小、粗细和间距。 使用 Google Fonts 和 Google Typography 插件使整个过程比以往任何时候都容易得多。 即使有了这些资源,具有专业和平衡的排版仍然是一个挑战。

如果您仍然不确定自己做出的选择,并且在尝试找出所有选项之间的差异时迷路了。 可能是时候请专业设计师查看您的网站了。

您是否在您的网站上实施了 Google 字体? 您是否从头开始构建了包含 Google 字体的主题? 我们很乐意在下面的评论中听到您对排版和您最喜欢的字体的看法。

  打破障碍:为什么 WordPress 网站可访问性是关键

类似文章