在进行WordPress独立站自定义设置时，有些商家为了追求网站的个性化，会更改WordPress的默认字体，对于一些不熟悉WordPress后台操作的用户来说想要实现该功能，可能会有一些困难，所以下文将为大家介绍使用WordPress主题定制器、全站编辑、插件和CSS代码来更改字体的具体操作以供大家参考。
WordPress怎么改字体一：使用主题定制器
1、登录 WordPress 仪表板。
2、导航到 外观- 自定义打开主题定制器。
3、进入定制器后，单击 Fonts。
4、可以单独设置站点标题、导航菜单、标题和正文文本的字体。
5、选择字体后，单击发布或者更新将其添加到网站。
WordPress怎么改字体二：使用全站编辑
1、在 WordPress 仪表板上导航到 Appearance-Editor。
2、单击位于屏幕左侧的 Style 图标以访问样式设置并选择笔图标进行编辑。
3、选择 Typography （排版） 部分以打开模板的字体设置。
4、在排版设置中，选择要修改的文本元素，如网站文本或链接文本。
5、单击 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 字体应用于您网站中的所有正文文本和标题。
推荐阅读：
相关文章
-
HTML、PHP、CSS和JS之间的关系
在外贸建站的过程中，要想进行独立站的开发，不可避免的会遇到网站搭建常见的四种技术，分别是HTML、PHP、CSS和JS，一提到这四种技术语言时，不少技术小白会一脸懵，所以接下来本文将为大家梳理这四种语言之间的关系，为大家外贸建站提供一些技术支撑。 HTML：HTML（Hypertext Markup Language）即超文本标记语言，是用于描述网页文档的一种标记语言。HTML其实是文本，它只是客户端语言，所以需要浏览器的解释，而且只用HTML做出来的网页是静态网页，没任何得交互功能。 CSS：…
-
如何进行CSS的网站设计与开发？
各位站长在外贸建站时，可以通过变换生成、掌握Calc（）函数、Box-Sizing等方式设计出更丰富的网站页面。CSS作为与HTML相辅相成的网站开发工具，可以极大程度上，减少前端技术人员代码编写的负担，帮助网站形成一个良好的网站布局。所以，本文接下来将和大家分享在CSS设计中存在的一些巧思，让各位站长更好的进行Web开发工作。 一、图像必须匹配站点的颜色方案 颜色方案使得管理工作流程变得复杂。站长可能会使用高分辨率，如灰度PNG，并使用CSS滤镜添加色调。该方式可以将肖像匹配到事件方案，并且可…
-
Shopify物流怎么设置：跨境独立站发货、运费和配送规则教程
Shopify物流怎么设置？对准备做Shopify独立站的跨境卖家来说，物流设置不是简单填写一个运费价格，而是要确定发货模式、配送国家、运费模板、免邮门槛、时效说明和退换货规则。本文按后台配置顺序，整理一套适合新手上线前执行的Shopify物流设置教程。 一、Shopify物流设置前先明确发货模式 在进入后台设置前，商家要先判断自己采用哪种发货模式。常见Shopify物流模式主要有三类： 发货模式 适合商家 优点 注意事项 国内直发 刚起步、SKU较少、测试市场 启动成本低，库存压力小 时效较长…
-
Shopify怎么添加自定义HTML代码
Shopify添加自定义HTML代码首先需要备份主题，然后打开Shopify独立站的主题代码编辑器选择想要自定义的部分，这决定了商家是打开layout中的theme.liquid文件，还是Sections或Templates文件，亦或者是新创建一个liquid文件，接着把HTML代码粘贴到自己希望它出现的位置，最后点击保存并预览即可。 第一步：备份Shopify主题 在向主题文件添加HTML进行Shopify二次开发之前，务必先备份主题。 为了备份Shopify主题，执行的操作有： Shopif…
-
WordPress短代码怎么用？
WordPress短代码怎么用？随着WordPress Shortcode API功能的发布，越来越多的商家会借助WordPress短代码来实现WordPress特定功能的开发与添加。常见的WordPress短代码主要有视频、音频，图库等，但是对于一些不熟悉WordPress短代码的商家来说，借助WordPress短代码实现WordPress外贸建站可能会有一点困难，所以下文将基于此为大家介绍WordPress短代码怎么用及是什么的有关内容。 一、WordPress短代码是什么 WordPres…
-
WordPress安全防护教程
WordPress作为一款开源免费软件，在使用WordPress进行外贸建站的工作时，不免会遇到安全隐患的问题，那么为了独立站的安全，用户该如何保证网站的安全呢？下文将为大家介绍具体的操作内容。 1、进行WordPress备份 备份网站是最常见的保护WordPress独立站的方法，备份可以保障网站即使发生故障和恶意攻击，也能在短时间内恢复正常运行，如何对WordPress独立站进行备份，可以访问此文章《WordPress怎么备份文件和数据？》，了解具体操作。 2、启用 Web 应用程序防火墙 (…
