EP16. “字体配对”
🔒 登录后可标记已读- 字体选错，网站立刻显得业余；选对，立刻显得专业——差别只在两个下拉选单
- 选字体的规则很简单：一种用于标题，一种用于正文，两种相互搭配
- 我们的产品网站用 Poppins（标题）+ Roboto（正文）
所需工具
WordPress + Sydney 主题，Appearance → Customize → Typography
重点内容
选字体的原则
- 一套网站用最多两种字体：标题字体 + 正文字体。
- 两种字体必须搭配协调，不要随意混搭。
- 选 Google Fonts 提供的免费字体，加载速度快、兼容性好。
我们的选择：Poppins + Roboto
| 用途 | 字体 | 风格 | 字重 |
|---|---|---|---|
| 标题（Heading） | Poppins | 几何感、现代、科技感 | 600–700（Bold） |
| 正文（Body） | Roboto | 高可读性、专业 | 400（Regular） |
💡 这组搭配适合科技产品、户外运动品牌、数字产品。视觉效果：现代、干净、专业。
操作步骤
路径：Appearance → Customize → Typography
- 找到 Heading Font（标题字体），搜索 Poppins 并选择。
- 字重设为 600 或 700（Bold），让标题更突出。
- 找到 Body Font（正文字体），搜索 Roboto 并选择。
- 字重设为 400（Regular），保持正文清晰易读。
[截图：Customize → Typography 面板，标题字体 Poppins 和正文字体 Roboto 的选择界面]
- 点击 Publish 保存。
- 访问网站，确认标题和正文都已更新为新字体。
常见误区
- 不要用超过两种字体，视觉会很混乱。
- 不要两种都用 Bold，正文字重保持 Regular 才好读。
- 不要使用装饰性字体（花体字）做正文，几乎无法阅读。
行动步骤
- 进入 Appearance → Customize → Typography。
- 标题字体改为 Poppins（Weight 600/700）。
- 正文字体改为 Roboto（Weight 400）。
- Publish 保存，访问网站确认效果。
Sources
Udemy（课程 transcript）：
- The Completed Digital Marketing Guide 27 in 1 — Section 3, Lecture 16 Font Pairing