如何更改WordPress网站的字体(适用于所有主题)

如何更改WordPress的字体的具体方法,需要取决于您使用的是新的区块主题还是比较旧的经典主题,这一点可能会让人感到困惑,本文中我们将详细介绍二者的区别以及如何分别在这两种主题中修改字体的的方法。

区别:

现代区块主题具有内置的字体库功能,允许你直接通过WordPress访问Google字体;而较旧的经典主题没有这些功能,但你可以使用一个免费插件来解锁更多字体。无论哪种方法,都可以实现全局(整个网站)或者局部(各个页面和帖子)更改字体。

如何判断我是否使用区块主题?

1.访问完整网站编辑器(FSE)

首先,从WordPress仪表板,转到“外观”→“编辑器”以打开完整网站编辑器:

image.png

如果你在“外观”下没有看到“编辑器”选项,而是看到“自定义”,这意味着你使用的是经典主题而不是区块主题。

如何更改现代区块主题中的字体

随着WordPress 6.5的发布,更改字体以及通过原生字体库功能访问超过一千种额外字体变得非常简单快捷。只要你使用的是区块主题,那么再也不用为了找到你想要的字体库而摆弄插件或浪费时间浏览主题了。

WordPress仪表板,转到“外观”→“编辑器”,点击“编辑器”后,它将直接带你进入FSE界面,你需要从菜单中选择“样式”:

image.png

在弹出的子菜单中,找到小铅笔图标并点击它:

image.png

这将带你进入实际的编辑器,击“Typography”,就可以看到可用字体。

如果要连接到 Google Fonts并解锁更多字体,需点击“Fonts”右侧的图标打开字体库,然后点击“Install Fonts”,再点击“Allow access to Google Fonts”,如图:

image.png

操作完成后,你将看到非常多的可用字体,光是浏览所有字体就需要一整天的时间。

找到喜欢的字体后,点击它。如果该字体有多个变体,只需选择你喜欢的变体,然后点击右下角的“安装”:

image.png

安装成功后,你会收到确认/成功消息:

image.png

全局选择和编辑字体

关闭字体库选择页面,您就可以回到FSE编辑页面,在此页面的右侧可以看到安装的字体。在元素区域,您可以查看到包含全局文本选择的类目,如图:

image.png

如果你想将新选择的字体应用为整个网站的标题字体,只需点击“元素”区域下的“标题”。

你可以将其应用到所有标题(例如,H1到H6)或仅应用到特定标题。

然后你可以重复这个过程,直到为所有字体元素实现你满意的外观。

局部选择和编辑字体

现在你知道如何设置全局排版样式,以确保网站访客有一致的体验,页面和文章看起来更专业。然而,如果你有特殊原因想为某篇文章或页面屏蔽这些设置怎么办?

其实很简单,方法如下:

首先,进入你想添加自定义字体的页面或帖子。然后找到包含要自定义文本的文本块。你可以点击块来选择它,或突出显示文本本身。之后,再次查看右侧菜单,确保选择了“块”,然后点击排版旁边的三个点。然后点击“ Font Family”。

你会看到字体和大小都设置为默认值。只需点击字体,然后从下拉菜单中选择你想要的字体。你高亮的文本将立即转换为你想要的自定义字体,覆盖之前创建的全局设置。

image.png

如何通过插件更改经典主题中的字体

经典WordPress主题依赖WordPress Customizer进行样式和设计自定义,一般情况下字体也是在这里设置,根据您使用的主题不同,这里提供的字体选择可能也有所区别。

不过不用担心,无论你使用的是哪种经典主题,都可以通过下面的方法访问Google Fonts并选择使用。

这里我们选择使用的插件是“Fonts plugin”:

image.png

[图片上传失败...(image-4c95be-1720576543763)]

在Customizer中选择全局字体

安装并激活插件之后,在“Fonts Plugin”>>“Customize Fonts”中设置全局字体:

image.png

基础设置中可以做基本的设置,高级设置中则允许您做一些更细微的调整:

image.png

image.png

设置完成之后点击“Publish”,即可发布更改:

image.png

在页面或文章内选择自定义字体

这个方法与其FSE对应部分有很多重叠,因为它们都性需要在区块编辑器中进行。

打开您要修改的文章或者页面的编辑器,然后点击子菜单中最左边的图标打开新的菜单,在这里选择Google字体:

image.png

点击Google字体后,右侧子菜单将更改为显示Google字体选项。点击字体,然后滚动浏览,直到找到你喜欢的字体:

image.png

任何您想要调整的文本块都可以按此方法操作。

结论

通过本文的介绍,相信您对于字体的设置和修改已经得心应手,同时为了确保网站展示出更好的表现效果,我们强烈推荐Hostease作为您的网站主机服务提供商,他们提供可靠的服务器和优质的客户支持,无论您是初学者还是经验丰富的开发者,Hostease都能满足您的需求。

版权声明:
作者:lichengxin
链接:https://www.techfm.club/p/138215.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>