在进行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中创建下拉菜单?

相关文章

  • 独立站搭建

    独立站怎么搭建

    独立站怎么搭建?搭建独立站首先要明确网站目标,选择合适的域名和网站托管商,之后还应该挑选合适的独立站搭建工具,并对网站的主题、字体、颜色、页面等基本布局进行设计优化,最后则需要针对独立站进行网站优化和网站测试工作。对于一些刚入行的外贸建站商家,独立站搭建的过程不免繁杂且陌生,所以下文为了让大家更加进一步了解独立站搭建的详细过程,将具体为大家展示相关步骤,以供大家参考。 独立站怎么搭建一:明确网站目标 在开始构建独立站之前,请定义其核心目的。此决定将在整个创建过程中指导独立站的设计、网站架构、工具…

    开发教程 2025年 5月 26日
  • WooCommerce短代码

    如何添加WooCommerce短代码?

    用户在使用WooCommerce进行跨境电商独立站搭建工作时,有可能会借助WooCommerce短代码实现更加醒目的页面布局,帮助商家更加直观地展示产品。那么这一步骤该如何实现呢?商家可以借助一些WooCommerce短代码示例,在WordPress编辑器中直接添加WooCommerce短代码来实现这一功能,下文将为大家具体介绍WooCommerce短代码有关知识。 一、WooCommerce短代码是什么 也许大多数人都熟悉在WordPress独立站中使用短代码,它显示为两个方括号[shortc…

    开发教程 2024年 9月 27日
  • WordPress电商平台支付网关设置

    WordPress电商平台搭建步骤详解

    搭建WordPress电商平台是开启在线销售的高效方式。通过WooCommerce插件,用户可快速构建功能齐全的跨境电商独立站,不仅支持实体商品、数字产品及服务销售,而且可灵活集成支付、物流与营销工具,为全球客户提供安全流畅的购物体验。为了让各位商家更好的了解WordPress电商平台的搭建步骤,下文将具体展示从0到1的搭建详解,以供各位参考。 一、选择合适的WordPress电商平台 WooCommerce通常是WordPress电商平台搭建的默认选择。WooCommerce丰富的功能库意味着…

    开发教程 2026年 1月 26日
  • WordPress安全防护教程

    WordPress安全防护教程

    WordPress作为一款开源免费软件,在使用WordPress进行外贸建站的工作时,不免会遇到安全隐患的问题,那么为了独立站的安全,用户该如何保证网站的安全呢?下文将为大家介绍具体的操作内容。 1、进行WordPress备份 备份网站是最常见的保护WordPress独立站的方法,备份可以保障网站即使发生故障和恶意攻击,也能在短时间内恢复正常运行,如何对WordPress独立站进行备份,可以访问此文章《WordPress怎么备份文件和数据?》,了解具体操作。 2、启用 Web 应用程序防火墙 (…

    开发教程 2024年 9月 17日
  • Shopify注册流程及注意事项

    Shopify注册流程及注意事项

    随着SaaS跨境电商独立站搭建的火爆,作为用户友好代表的Shopify建站平台受到了众多站长的追捧。为了帮助使用Shopify建站的商家更好的使用Shopify搭建独立站,下文将围绕Shopify注册流程和注意事项,为大家展开以下内容,进一步掌握Shopify独立站的搭建步骤。 一、Shopify注册流程 1、点击访问Shopify官网,点击首页的免费试用按钮,对于使用Shopify建站的用户来说,Shopify均赠送了3天的免费试用期限,在这三天的期限内,用户可以进一步了解Shopify建站的…

    开发教程 2025年 4月 1日
  • shopify收款

    Shopify收款后如何退款

    Shopify收款后如何退款?商家可以在Shopify后台对订单的整个或单一部分进行退款,同时也可以为订单运费退款、允许超额退款等,下文将围绕这几种Shopify收款后的退款情况,一一介绍操作步骤,供大家在运营跨境电商独立站时提供方法指导。 一、Shopify收款后如何退款 1、整个退款 可以为订单中的所有商品发放全额退款。为订单退款时可以手动编辑退款总额,以向Shopify客户收取退货手续费,还可以退还任何运费。 为订单退款时可以退款至原始付款方式、商店抵扣额或两者。如果通过发放商店抵扣额退款…

    开发教程 2025年 9月 1日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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