在进行WordPress独立站自定义设置时,有些商家为了追求网站的个性化,会更改WordPress的默认字体,对于一些不熟悉WordPress后台操作的用户来说想要实现该功能,可能会有一些困难,所以下文将为大家介绍使用WordPress主题定制器、全站编辑、插件和CSS代码来更改字体的具体操作以供大家参考。

WordPress怎么改字体一:使用主题定制器

1、登录 WordPress 仪表板。

2、导航到 外观- 自定义打开主题定制器。

3、进入定制器后,单击 Fonts。

单击 Fonts

4、可以单独设置站点标题、导航菜单、标题和正文文本的字体。

单独设置站点标题、导航菜单、标题和正文文本的字体

5、选择字体后,单击发布或者更新将其添加到网站。

WordPress怎么改字体二:使用全站编辑

1、在 WordPress 仪表板上导航到 Appearance-Editor。

导航到 Appearance-Editor

2、单击位于屏幕左侧的 Style 图标以访问样式设置并选择笔图标进行编辑。

单击 Style 图标和笔图标进行编辑

3、选择 Typography (排版) 部分以打开模板的字体设置。

4、在排版设置中,选择要修改的文本元素,如网站文本或链接文本。

5、单击 Font 系列下拉菜单以查看和选择可用字体或上传新字体。

单击 Font 系列下拉菜单

6、(可选)调整字体大小、行高和整体外观以满足需要。

7、做出选择后,单击页面右上角的 Save 按钮以应用更改。

WordPress怎么改字体三:使用块编辑器

1、从 Settings-Writing 中选择 Block 编辑器,首先编辑要更改字体的文章或页面。

2、修改文本和背景颜色,选择要应用更改的文本块。

修改文本和背景颜色

3、调整字体大小和外观,在同一侧边栏中,设置所需的字体大小。

4、增强文本样式并添加文本功能,如果需要,请在文本中添加下标或上标字符。

5、进行调整后,请点击保存或更新帖子以应用更改。

WordPress怎么改字体四:使用WordPress插件

1、首先需要安装并激活WordPress插件Fonts Pugin。激活后,将在 WordPress 控制面板中看到 Fonts Plugin 快速入门指南,可以输入电子邮件地址以获取 PDF,或导航到“自定义字体”开始编辑。

导航到“自定义字体”开始编辑

2、这将在主题的定制器中打开插件的自定义选项,在此页面上,单击“基本设置”菜单。

单击“基本设置”菜单

3、进入菜单项后,可以开始自定义内容、标题和按钮排版,只需展开每个文本元素的下拉列表并选择喜欢的字体即可。

自定义内容、标题和按钮排版

WordPress怎么改字体五:添加自定义字体

1、访问 Google 字体并选择 Roboto 字体,选择要包含的样式。

2、从 Google Fonts 复制嵌入代码中提供的链接,它看起来像这样:

https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap

3、使用像 FileZilla 这样的 FTP 客户端连接到站点,导航到 /public_html/wp-content/themes/yourthemechild/functions.php(将 yourthemechild 替换为子主题的名称)。

4、打开 functions.php 文件并在末尾附加以下代码:

function add_my_font() {

wp_enqueue_style( 'add_my_font', 'https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap', false );

}

add_action( 'wp_enqueue_scripts', 'add_my_font' );

5、将字体应用于网站:

  • 在同一目录中找到子主题的 style.css 文件。
  • 添加以下 CSS 以指示应将 Roboto 应用于以下位置:
  • .body, .h1, .h2, .h3, .h4, .h5, .h6 { 
    
    font-family: 'Roboto', sans-serif; 
    
    }
  • 此 CSS 会将 Roboto 字体应用于您网站中的所有正文文本和标题。

推荐阅读:

WordPress数据库在哪?

如何将WordPress网站做成APP?

如何在WordPress中创建下拉菜单?

相关文章

  • flow

    六大PHP Web框架软件汇总

    Web框架作为Web程序开发前段工具,可以减少开发时间和维护成本,对于外贸建站来说,是一个较好的代码应用数据库。PHP则是Web开发应用较广泛的前端脚本语言,所以本文基于此,将和大家分享一些PHP Web框架软件,助力外贸独立站的建设。 一、Agavi Agavi是一个强大的,可扩展的PHP 5应用程序框架,遵循MVC范例。它使程序员能够编写清晰,可维护和可扩展的代码。Agavi将选择和自由放在限制性公约上,重点是持续的质量而不是短视的决定。它不是一个完整的网站建设工具,而是一个程序员可以构建应…

    开发教程 2024年 7月 9日
  • Web开发

    网站开发初学者指南:网页开发基础知识

    Web 开发不仅仅是标记和编码。它是一种艺术形式,是将想法变为现实的一种方式。虽然 Web 开发通常是指 Web 标记和编码,但网站开发包括所有相关的开发任务,例如客户端脚本、服务器端脚本、服务器和网络安全配置、电子商务开发和内容管理系统 (CMS) 开发。 一、为什么Web开发很重要 我们所在的世界有超过53 亿人通过互联网连接吗,这占全球人口的一半以上,通过这个令人难以置信的数字宇宙积极参与研究、联系、教育和娱乐。 鉴于互联网用户数量的快速增长,网络开发成为一个快速发展的行业也就不足为奇了。…

    开发教程 2024年 5月 22日
  • 关闭WordPress主题或插件自动更新功能

    如何关闭WordPress主题或插件自动更新功能?

    通常情况下WordPress主题或插件应该保持自动更新功能,以实现维护WordPress网站安全和网站正常运行的作用,但有时这一功能可能会带来网站代码覆盖,甚至会网站崩溃的问题,所以这时候用户可以通过插入代码或者是安装Easy Updates Manager插件实现WordPress主题或插件自动更新功能的关闭,下文将为大家具体展示这一过程,希望可以助力大家外贸建站工作的顺利开展。 一、插入代码关闭WordPress主题或插件自动更新 1、通过wp-config.php文件禁用WordPress…

    开发教程 2024年 10月 31日
  • htaccess文件

    .htaccess在哪里 .htaccess文件主要用于哪些目的?

    .htaccess在哪里? WordPress .htaccess文件通常位于WordPress public_html或www文件夹中,即根目录中,可以主要应用于管理永久链接结构、提高网站性能、设置重定向等目的,所以下文将基于.htaccess文件及其相关设置展开有关内容的叙述,为大家在WordPress外贸建站开发中提供一定操作指导。 一、什么是.htaccess文件 .htaccess文件是“超文本访问”的缩写,是Apache Web服务器使用的强大服务器配置文件。在WordPress上下…

    开发教程 2024年 11月 15日
  • 转到文件备份向导

    WordPress迁移教程 WordPress怎么迁移到新站点

    在某些特殊情况下,商家需要通过WordPress站点的迁移实现外贸建站业务的正常运行,但是对于一些用户来说,这一步步骤却是令人头疼的问题。通常来说商家可以通过cPanel面板或者网站迁移类插件实现WordPress迁移到新站点这一目的,对于有一定技术基础的用户而言,可以使用cPanel面版进行手动迁移,但对于一些技术小白来说,使用插件进行WordPress站点自动迁移则是一个明智的选择,所以下文将为大家分别介绍这两种WordPress迁移教程,以供大家参考。 一、WordPress迁移到新站点准…

    开发教程 2024年 11月 22日
  • 为WordPress子主题创建文件夹

    WordPress子主题作用 WordPress子主题如何制作?

    在使用WordPress主题时,多数用户会遇到主题设置导致文件丢失甚至是网站崩溃的情况,这时对于外贸建站的商家来说,通过插件或者functions.php函数制作一个WordPress子主题显得尤为重要。因为WordPress子主题可以完全继承父主题的特点和功能,以保证网站父主题发生更改时,数据或者是网站的正常运行,所以下文将基于此为大家介绍WordPress子主题作用及其如何制作的有关内容。 一、WordPress子主题作用 1、WordPress子主题优点 (1)高度自定义:通过WordPr…

    开发教程 2024年 11月 12日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部