如何更改 WordPress 中的字体并增强网站的设计

0 Shares

如果您的网站在 WordPress 上运行，您可能需要自定义其外观并提高其可用性。可用的选项之一是更改字体。如果您使用 WordPress 目录中提供的主题，您的网站会选择设计者设置的默认字体大小和颜色。

但是，您不必坚持使用默认值。更改 WordPress 主题中的字体可以确保客户按预期接收信息，并且也会被您网站的设计所吸引。本文将探讨更改 WordPress 网站中字体的不同方法。

WordPress 中版式和字体定制的重要性

差异化和独特性：您是否曾经看过一个网站并对自己说：“这看起来很熟悉”？尽管大多数网站都使用 WordPress 目录中的主题，但您可以通过更改字体大小和颜色使您的网站独一无二。
层次结构和强调：您可以通过字体区分来确定哪个在另一个之前。例如，您可以在 H1 中使用较大的字体，在 H2 中使用较小的字体。
一致性和专业性：当您在整个过程中使用一致的字体时，您可以为您的 WordPress 网站提供精美的外观。您还可以更改字体颜色以与您的品牌颜色融合。
辅助功能：更改网站或页面的字体可能会让有视力障碍或其他残疾的用户更轻松地阅读您网站上的内容。

CSS在字体定制中的作用

WordPress 是使用 PHP、MySQL、HTML、CSS 和 JavaScript 创建的。每个 WordPress 主题都有一个 style.css 来控制网站的视觉布局和设计。因此，您可以使用此文件在 WordPress 网站中实现所需的字体更改。

CSS 允许您更改 WordPress 网站上的字体系列、大小、颜色和间距等内容。实施此类更改需要基本的 CSS 知识。但是，如果您不想编写任何 CSS 代码，您仍然可以使用插件。

现在，我们探索一些在 WordPress 中更改字体的方法。

WordPress 定制器

这是更改 WordPress 网站字体的最简单方法之一。几乎所有按照 WordPress 标准设计的主题都具有内置功能，只需单击几下即可更改字体、字体颜色和字体大小。

如何在 PowerPoint 中创建维恩图

某些主题允许您使用 WordPress 定制器选项。另一方面，有些选项的选择有限，迫使您探索我们将在其他方法中探索的其他选项。

确保您已登录 WordPress，然后按照以下步骤操作；

在仪表板左侧，单击下拉菜单并选择“外观”。

单击“自定义”。

注意：您的 WordPress 网站的外观可能会有所不同，具体取决于您使用的主题。就我而言，我使用“GeneratePress Child Developer Theme”。

当我单击“自定义”时，我将看到一个下拉菜单，我将在其中选择“版式”

您现在可以自定义您的网站以满足您的需求。

例如，我可以选择“正文”来更改“系统字体”。默认值为“系统堆栈”，我可以从下拉菜单中选择适合我需要的一个。

主题编辑器

主题编辑器功能允许您编辑 WordPress 主题中的不同文件。我们的重点将放在 style.css 文件上，因为它允许您自定义字体。

您应遵循的具体步骤可能会有所不同，具体取决于您使用的主题。我仍在使用“GP Developer Child Theme”进行演示。

您可以按照以下步骤操作；

在“菜单”上，单击“外观”，然后单击“主题文件编辑器”

上述步骤将打开 style.css 文件，您可以在其中添加您喜欢的样式。

例如，如果您想将整个网站的字体更改为斜体，您可以使用以下代码；

/* Change Font to Italics */

body {

  font-style: italic;

}

您还可以选择内置 CSS 编辑器来实现更改。单击“其他 CSS”选项卡并编写 CSS 代码。

例如，你可以有这样的东西；

单击“发布”按钮保存您的更改。

调整各个页面的字体

这种方法允许您自定义 WordPress 网站上的单个页面或帖子。当您希望某个页面从其他页面中脱颖而出时，这是一个不错的选择。

您可以将此方法用于“隐私政策”等页面。例如，我可以将“隐私政策”页面中的某个 H1 更改为绿色和斜体。为了实现这一目标，我将遵循以下步骤；

导航到我的仪表板并单击“所有页面”。
我将选择我的目标页面“隐私政策”并单击“编辑”
单击“文本”而不是“视觉”选项卡，如此屏幕截图所示

这是我添加的代码；

<h1 style="font-style: italic; color: green;">Heading For Demonstration Purposes</h1>

当页面渲染时，将显示如下；

使用插件

如果您不懂技术或不喜欢编码，您可以使用各种字体插件来更改字体。更改字体的过程因插件而异。

要开始使用字体插件，请转到 WordPress 仪表板并选择“插件”，然后选择“添加新插件”。

您现在可以使用“搜索插件”功能来选择目标插件。

这些是您可以使用的最好的一些；

#1. 种子字体

种子字体是一个字体插件，可让您使用网络字体。该平台有五种现成的泰语-英语网络字体可供您使用。您还可以使用 Google 字体或上传自定义字体。种子字体是一个开源插件，可以免费使用。

如何删除 Pokemon Ultra Moon 保存的文件

#2. 使用任何字体

使用任何字体即使没有 CSS 知识，您也可以将任何自定义字体上传到您的 WordPress 网站。您还可以从超过 23,871 种预定义字体集合中进行选择。唯一的要求是您的字体应为 ttf、otf 或 woff 格式。

以一种格式上传字体，插件将自动生成它需要的所有其他格式。使用任何字体适用于所有现代浏览器和不同的屏幕尺寸。

＃3。字体插件

字体插件是一个插件，允许您使用 Google 字体库中超过 1455 种独特的字体。该插件具有预览功能，允许您在应用更改之前预览字体在网站上的显示方式。

字体插件适用于任何 WordPress 主题，您不需要任何编码知识即可开始使用它。如果您熟悉 CSS，则可以创建自定义选择器并控制字体在 WordPress 网站上的显示方式。

＃4。 MW 字体转换器

到目前为止，我们介绍的插件主要用于更改整个网站的字体。但是，作为网站所有者/设计师，您可能会寻求更好的体验。 MW 字体转换器允许您更改仪表板和主题上的字体。

它是一个易于使用的插件，拥有 30 多种字体。要更改主题上的字体，只需输入主题 ID 和类别即可。 MW Font Changer 拥有 10,000 多个活跃安装量，并且与 WordPress 5.0 及更高版本兼容。该插件是开源软件。

如何优化 WordPress 上的字体

一个好的网站应该加载速度快。您可能拥有 WordPress 目录中最快的主题。但是，添加大量多媒体和字体可能会降低加载速度。避免这种情况发生的唯一方法是优化字体。这些是一些最好的方法；

上传多种文件类型：您可以以不同的格式保存字体。您可以上传不同的格式，浏览器将根据用户的屏幕尺寸和操作系统等功能选择最佳的格式。
仅上传您需要的字符：如果您的网站上不会广泛使用您的字体，则可以仅上传您需要的字符，而不是整个库。
在 CDN 上托管您的字体：上传自定义字体的过程可能会增加 WordPress 网站的大小。内容交付网络 (CDN) 允许您将字体托管在外部服务器中，并且仅将它们链接到您的 WordPress 网站。
使用 WordPress 缓存：WordPress 缓存存储用户常用的数据，并在用户将来重新访问网站时将其提供给用户。这种方法提高了加载速度。

常见问题解答

如何为我的 WordPress 网站选择正确的字体？

有几件事需要考虑。例如，你必须考虑你的品牌形象、整体设计和目标受众。

如何将 PDF 插入 Excel

您需要了解在 WordPress 中更改字体的编码吗？

不会。WordPress 的设计初衷是让非技术人员也能轻松使用。您可以从 WordPress 仪表板更改字体，而无需编写任何代码。您还可以使用各种插件来实现不同的更改。但是，如果您了解 CSS，则可以将自定义 CSS 添加到您的 WordPress 网站以更改字体。

您可以更改 WordPress 网站特定区域的字体吗？

是的。您可以更改特定区域（例如页面甚至单个帖子）的字体。如果您不熟悉编码，可以使用可视化方法。另一方面，如果您知道如何编码，则可以使用文本方法。

我可以恢复为 WordPress 主题的原始字体吗？

是的。如果您更改字体并且感觉需要恢复到原来的字体，您可以随时更改。只需返回仪表板上的定制器并将字体恢复为默认值即可。

结论

现在，您可以使用多种方法来更改 WordPress 网站中的字体以增强其设计。方法的选择取决于您的技能和偏好。有时，您可能会使用多种方法，具体取决于您所创建的网站的性质。

您还可以探索 CSS 可见性如何通过隐藏的宝石来增强您的网页设计。