教你掌握 GeneratePress 动态字体系统，自定义全站排版无压力！

在 WordPress 建站中，字体样式往往是影响视觉体验的关键因素。而 GeneratePress 的动态字体系统为用户提供了一种高效、灵活的排版方式，无需编写任何 CSS，就能精确控制网站每一个部分的字体样式。本文将带你完整了解这一功能的使用方法，让你轻松打造更专业的网页排版。

一、进入排版设置面板

首先，进入 WordPress 后台，点击左侧菜单中的「自定义」，然后进入「Typography（排版）」设置区域，即可开始管理网站的字体设置。

二、添加常用字体

在字体面板中，可以添加以下两种类型的字体：

• 系统字体（如 Arial）：加载速度快，兼容性高。
• Google Fonts（如 Oswald、PT Sans Narrow）：样式丰富，适合品牌化展示。

添加完字体后，还可以为 Google Fonts 选择不同的字体显示方式，例如 swap 或 fallback，优化加载体验。

三、自定义站点字体样式

借助 Typography Manager，可以为不同的站点元素设置字体样式。以下是两个常见示例：

站点标题（Site Title）

• 字体更改为 Oswald
• 缩小字体尺寸
• 增加字间距，让标题更具识别性

主菜单（Primary Menu）

• 设置字体为 PT Sans Narrow
• 增加字体大小，提升导航可读性
• 支持为桌面、平板和移动端分别设置字体参数

四、设置正文字体

正文排版的美观直接影响阅读体验。你可以将全站正文字体设为 Arial，并启用「段落底部边距」选项，在每段文字间自动留出空间，提升排版清晰度。

此外，标题（如 H2、H3）也可独立设置下边距，更便于在不同内容区块间划分视觉层级。

五、删除无用排版规则

如某些字体设置不再需要，只需在 Typography 面板中选择对应项目并删除，整个操作过程简单直观。

六、自定义选择器支持

这是动态字体系统最灵活的一部分，适用于主题未内置的区域或自定义模块。

示例 1：图片说明文字（Image Caption）

• 选择自定义 CSS Selector，添加 .wp-caption-text
• 即可对说明文字进行字体、大小、行距等样式调整

示例 2：引用块（Blockquote）

• 添加选择器 blockquote
• 使用滑块调整字体参数，让引用内容更具层次感

总结

GeneratePress 的动态字体系统极大地提升了排版自由度，不再依赖繁琐的 CSS 编写，只需几步点击，即可实现全站字体样式的精细控制。无论是日常内容更新，还是品牌视觉统一，都能高效完成。

最近更新

联系我们
教程看不懂？联系我们为您免费解答！免费助力个人，小企站点！	客服微信
① 电话：020-2206-9892
② QQ咨询：1025174874
③ 邮件：[email protected]
④ 工作时间：周一至周五，9:30-18:30，节假日休息