在WordPress网站设计中，字体的选择直接影响内容的可读性和整体美观度。无论是经典的古腾堡编辑器（Block Editor）还是传统的经典编辑器，WordPress都提供了灵活的字体设置选项。本文将详细介绍如何在WordPress编辑器中调整字体样式，包括系统默认设置、插件扩展以及自定义代码方法。
一、古腾堡编辑器的字体设置
- 基础字体调整
- 在文章编辑页面，选中需要修改的文字段落或标题块。
- 右侧边栏的「区块」设置中，找到「排版」选项，可调整字体大小、行高等基础属性。
- 部分主题（如Twenty Twenty-Two）支持直接切换字体家族（如无衬线体、衬线体）。
- 通过主题自定义扩展
- 进入「外观 → 自定义 → 版式」，部分高级主题（如Astra、GeneratePress）提供全局字体库，可预设正文和标题字体。
二、经典编辑器的字体修改
- 工具栏快捷设置
- 在文本编辑模式下，选中文字后点击工具栏的「字体」下拉菜单（需开启工具栏第二行）。
- 支持基础字体如Arial、Georgia等，但选项有限。
- HTML代码手动调整
- 切换到「文本」模式，通过
<span style="font-family: 'Microsoft YaHei';">文字</span>直接指定字体。
三、进阶方法：插件与自定义CSS
- 推荐插件
- Easy Google Fonts：集成Google Fonts库，可视化调整字体权重、颜色。
- TinyMCE Advanced：增强编辑器工具栏，添加更多字体选项。
- 自定义CSS
- 在「外观 → 自定义 → 附加CSS」中添加代码，例如：
body { font-family: 'Noto Sans SC', sans-serif; }
h1 { font-family: 'Roboto', serif; }
- 需提前通过
@import或插件加载外部字体（如Google Fonts）。
四、注意事项
- 性能优化：过多字体文件会拖慢加载速度，建议限制在2-3种字体内。
- 版权问题：商用字体需确认授权（如思源黑体可免费使用）。
- 移动端适配：测试不同设备下的显示效果，确保响应式兼容。
通过以上方法，你可以轻松定制符合品牌风格的WordPress字体方案。如需更复杂的排版控制，可结合Elementor等页面构建器实现更精细的设计。
