WordPress字体大小调整全攻略，从基础设置到高级优化

在WordPress网站设计中，字体大小的合理设置直接影响用户体验和阅读舒适度。无论是通过主题选项、自定义CSS还是插件，调整字体大小都有多种方法。本文将详细介绍不同场景下的字体大小调整技巧，帮助您打造更专业的网站视觉效果。

一、通过主题自带功能调整字体大小

许多现代WordPress主题（如Astra、GeneratePress等）提供了内置的字体设置选项：

1. 进入 外观 > 自定义
2. 查找「排版」或「字体设置」选项卡
3. 可分别设置正文、标题（H1-H6）、导航菜单等元素的字体大小

优势：无需代码，实时预览效果，修改即时生效

二、使用区块编辑器（Gutenberg）调整局部文字

对于使用古腾堡编辑器的用户：

1. 选中需要修改的文本段落或标题区块
2. 在右侧工具栏找到「字号」选项
3. 可选择预设大小或输入自定义数值（如18px/1.2rem）

提示：部分主题会限制最大/最小字号范围

三、通过自定义CSS精确控制

如需更灵活的调整，可在 外观 > 自定义 > 额外CSS 中添加代码：

/* 修改正文大小 */
body {
font-size: 16px; /* 或使用rem单位 */
}

/* 修改一级标题 */
h1 {
font-size: 2.5rem;
line-height: 1.3; /* 建议同时调整行高 */
}

/* 移动端适配 */
@media (max-width: 768px) {
body {
font-size: 14px;
}
}

四、推荐字体大小优化插件

1. Easy Google Fonts：集成Google字体库，可视化调整
2. WP Google Fonts：支持本地托管字体文件
3. Fonts Plugin | Custom Fonts：可上传自定义字体

五、专业设计建议

1. 响应式原则：

• 桌面端正文建议14-18px
• 移动端不小于12px

1. 比例系统：

• 使用1.125-1.25的倍率递增标题字号（如16px→20px→25px）

1. 无障碍标准：

• 确保正文行高至少1.5倍字号
• 避免纯rem单位（建议配合px备用）

通过以上方法，您可以系统性地优化WordPress网站的字体显示效果。建议修改后使用工具（如WebAIM Contrast Checker）检查文字对比度，确保符合WCAG 2.1无障碍标准。