更改字体的最佳 WordPress 主题

已发表: 2022-11-13

如果您正在寻找可让您更改字体的 WordPress 主题,我们为您提供了一些选择。 根据您的需要,您可以选择一个可让您更改字体大小、颜色和字体的主题。 还有一些主题带有预安装的字体库,因此您可以从多种选项中进行选择,以找到最适合您网站的字体。

您可以更改 WordPress 主题的字体吗?

图片来源:theme-junkie.com

是的,您可以更改 WordPress 主题的字体。 为此,您需要访问主题的文件并编辑 CSS。 编辑完 CSS 后,您需要保存更改并将文件上传到您的 WordPress 网站。

您可以借助这些步骤自定义 WordPress 主题中的任何字体。 您不必费力地使用定制器寻找新字体。 当您不想要特定主题的字体时,就会遇到挑战。 可以安装Easy Google Fonts以获得更多字体。 当您使用 Firebug 时,该站点的代码会出现在屏幕底部。 必须严格遵守此代码,特别是如果您不是 CSS 专家。 在继续之前备份您的网站是个好主意。

在定制器中,选择要更改字体的位置。 如果这不起作用,请使用 CSS 中的默认位置重试。 即使您使用通用主题,更改 WordPress 网站上的任何字体都会使其具有独特的外观。

我们需要首先定义我们的字体系列。 样式表上字体系列声明旁边的复选标记将指示是否是这种情况。 应该有这样的图片: 字体家族包括两种类型:Helvetica Neue 家族和 Helvetica, Arial 家族。 您必须包含您打算使用的字体名称以及字母 Helvetica、Helvetica 和 Alta。 例如,如果您想使用 Source Sans Pro 字体,请在字体系列框中输入它。 在我们定义了字体系列之后,现在应该设置字体大小。 为此,您可以在 font-family 声明后添加一个数字,如下所示: 文件大小为 12 x 12。单击此按钮,字体大小将设置为 12x。 如果您需要在以下示例中调整字体大小,可以使用百分比。 使用 95% 的字体大小。 结果,字体大小将设置为 12x,即父字体大小的 20%。

如何在 WordPress 中更改自定义字体?

图片来源:wpera.com

如果要更改自定义字体,请转到外观 > 自定义 > 字体并选择不同的基础或标题。 如果要更改主题中的默认字体,请单击自定义名称旁边的 X 将其恢复为默认状态。

作为设计和品牌推广过程的一部分,您必须为您的网站选择正确的排版。 字体,如颜色、图像和您网站上的其他元素,对访问者如何看待它有重大影响。 值得庆幸的是,WordPress 是允许您根据自己的规格对其进行自定义的平台之一。 您将了解有关 WordPress 字体开发和实施的所有知识。 您的读者会注意到您网站字体设计的显着差异。 除了 WordPress 字体之外,还有一些提供 WordPress 字体的服务。 Google 字体是最受欢迎的字体之一,有 1,000 多种字体可供选择。

除了自定义文本外,还可以更改字体大小和字体颜色。 您可以使用下面列出的任何各种方法将自定义字体合并到您的 WordPress 网站中。 如果您加载不止一种字体和样式,则字体和样式选择更有可能加快或减慢您的网站速度。 您可以使用多种方法,根据您的设置,您最好使用一种方法或另一种方法。 有几种方法可以将自定义字体添加到您的 WordPress 网站。 您可以使用此应用更改内容、标题和按钮/输入的字体。 您的更改将免费反映在 WordPress 编辑器中。

如果您无法在 WordPress 网站上使用自定义字体,您可以使用调试工具。 也可以使用可供下载的众多 WordPress 插件之一添加自定义字体。 由于 GDPR,从 Google 的服务器导入字体可能不是一个好主意。 相反,探索在本地存储字体文件的选项。 如果您选择这样做,您可以在自己的网站上托管字体,并在访问者的浏览器中提供这些字体。 为此,您必须首先获取它所基于的字体。 其他人也将允许您下载字体。

保留它们的最佳方法是将它们放在标有您的子主题字体的目录中。 要将自定义字体添加到 WordPress,只需使用主题的功能。 除了添加脚本和样式表之外,这些项目中的每一个都将很有用。 根据您从他们那里收到多少自定义字体,最好使用其中一种。 因此,Google 字体最近更改了它们用于链接到 WordPress 字体的语法。 从谷歌下载字体的用户会自动将他们的 IP 地址发送给谷歌,谷歌很可能会将数据发送到美国的服务器。 由于新的欧盟 GDPR(通用数据保护条例),这是一个问题。

处理这种情况有三种选择。 作为一个额外的步骤,应该创建一个编辑器样式表。 此示例包含 style-editor.css,它位于活动主题文件夹的根目录中。 您必须首先创建一个包含相同名称的文件,然后将其放在指定的位置。 您现在可以完全控制 WordPress 的排版。

使用自定义设计系统的优点之一是您可以从任何设备控制网站的外观。 因此,无论有人使用台式机还是移动设备查看您的网站,他们都会注意到相同的文本。 您的网站的每个元素都可以通过几个简单的步骤进行更改。 通过转到站点设置,您可以浏览到全局字体部分。 单击打开按钮后,小部件面板将出现在任何 Elementor 页面或帖子编辑器的左上角。 如下表所示,您可以更改任何现有文本样式的全局字体样式。 您可以按照以下步骤在几秒钟内更改您网站上任何元素的字体。 这是段落中的标题标签。 您可以按您想要的任何顺序更改您的设置,然后您可以保存它们。

WordPress 字体

图片来源:colorlib.com

这个问题没有一个明确的答案,因为 WordPress 是一种可以通过多种不同方式进行定制的内容管理系统。 但是,一般来说,WordPress 主题将使用默认字体或用户可以选择的字体选择。 用户还可以安装插件来添加额外的字体,或者他们可以编辑 CSS 代码来自己更改字体。

如果它是以下主题之一,您可以使用全局样式更改网站的字体。 字体根据标题和基本字体成对排列。 如果要恢复字体配对,请转到全局样式菜单并选择重置以保存新的字体配对。 当您选择自定义字体时,您可以根据需要随时更改它们。 您可以通过从下拉菜单中选择下面的大小选项和要应用它的字体来调整标题或基本字体的大小。 使用自定义 CSS,您可以更改全局默认字体大小。 测试插件后,建议您停用或删除它以保持插件列表干净。 在 Typekit.com 之外,无法将博客或网站连接到 WordPress.com。 定制器是查看特定字体是否能以默认语言以外的任何语言正确显示的好方法。

Strong>如何在您的 WordPress 网站上安装自定义字体

您必须首先将字体上传到您的服务器。
样式表部分位于 WP-config.php 文件的“样式表”部分。
在文件末尾复制以下行。
当您在“your namehere”中输入“your name”时,该文本将分配给您的“family”。 您需要保存文件并在保存后重新加载您的网站。
您的 WordPress 网站现在可以使用您的字体了。

简单的谷歌字体控制

Easy Google Fonts 插件提供了一种简单的方法来更改 WordPress 网站上的字体。 它包括一个简单的界面,允许您从 Google 字体列表中进行选择,然后将这些字体应用于您网站上的任何元素。 您还可以自定义每个元素的字体大小、样式和颜色。 该插件免费使用,并且兼容所有主流浏览器。

Simple Google Fonts 是一个 WordPress 主题构建器,可让您轻松添加自定义 Google 字体。 使用 WordPress Customizer,您将能够在您的网站上实时预览 Google 字体。 它还使您能够在管理设置区域中创建自己的自定义主题特定字体控件,以控制特定的 CSS 选择器。 Easy Google Fonts 是作为开源软件程序开发的排版。 由于团队的快速响应,该插件很快得到修复。 它是一个很好的插件,用于指定字体样式。 更新后我的网站出现了一些问题,但开发人员快速有效地响应了我的查询。

如何在 WordPress 上使用谷歌字体

启用 Google 字体后,导航到完整站点编辑器:外观 > 编辑器,然后选择右上角设置旁边的“样式”图标。 要查看排版,请转到排版。 您可以通过从下拉菜单中选择来为您的应用程序选择一种字体。 现在应该保存您的排版设置。 安装 Easy Google Fonts 插件以获得您想要的字体。 您可以使用 WordPress Customizer 插件预览和自定义网站使用的字体。 可以通过单击站点管理仪表板上的外观菜单中的自定义选项来访问它。 激活 Google Fonts 并安装 Easy Google Fonts 插件后,您就可以从第一次使用 Google 字体开始使用。 只需访问 https://Fonts.googleapis.com/ 并开始点击每一个字体和每一个字体粗细(您应该在开始之前准备好一些食物和饮料)。 要显示附加到 Google 的字体,请使用 *link href=https://Fonts.googleapis.com/css?family=。

谷歌字体

Google Fonts 是一个包含 800 多种不同字体的库,全部免费提供。 谷歌字体让每个人都可以快速轻松地在他们的网站上使用高质量的字体。 只需浏览库,选择您喜欢的字体,然后向您的网站添加几行代码。 就这么容易!

在这个项目中,二进制字体文件由 Google 字体提供。 /catalog 子目录还包含其他元数据,例如字体设计师的个人资料文本和肖像/头像图像。 由于所有字体均已获得分发许可,并且受许可条款的约束,因此您可以使用各种第三方项目来托管您自己的应用程序。 每个字体系列目录都包含该系列字体的许可证文件。 必须始终阅读您使用的字体许可证。 为了更新集合,您可以将其同步到 git 并仅获取更改。 协作项目是您可以向设计师提出任何疑虑的项目。