排版之美：为什么字体配对如此重要？
在网页设计中，字体不仅是传达文字内容的工具，更是品牌性格和用户体验的基石。一个和谐的字体配对方案（Font Pairing）能够建立清晰的视觉层级，引导用户的阅读视线，并显著提升内容的可读性。
1. 建立视觉对比：衬线体与无衬线体的经典搭配
最常见且稳妥的配对原则是“对立统一”。例如，使用具有装饰性的**衬线体（Serif）**作为大标题，展现权威感或优雅气质；而使用简洁的**无衬线体（Sans-serif）**作为正文，确保在各种屏幕尺寸下都有极佳的识别率。
经典组合： Playfair Display (标题) + Source Sans Pro (正文)，或者是 Montserrat (标题) + Merriweather (正文)。这种强烈的对比能让页面看起来既有重点又不失现代感。
2. 字体的情绪与语境
每种字体都有其独特的“性格”。有些字体显得严肃庄重（如 Roboto, Lora），有些则显得活泼亲切（如 Quicksand, Open Sans）。
在进行配对时，必须考虑网站的目标受众。金融类网站适合使用稳健的衬线体与几何型无衬线体搭配；而创意博客或时尚品牌则可以尝试更有设计感的显示字体（Display Fonts）。
3. 限制字体的数量
一个网页中使用的字体种类不宜超过三种。过多的字体会造成视觉混乱，并增加页面的加载时间。通常情况下，两组字体（一个标题，一个正文）已经足以应对 90% 的设计需求。如果需要更多层次，可以通过调整同一字体族的**字重（Weight）**和**倾斜（Italic）**来实现。
4. 性能优化建议
虽然 Google Fonts 提供了海量的选择，但引入过多的字体库会拖慢网页加载速度。建议：
- 仅加载所需字重： 例如只加载 400 (Regular) 和 700 (Bold)。
- 使用 font-display: swap： 确保在字体加载完成前，用户能先看到备用系统字体，避免页面出现长时间空白。
- 优先考虑系统字体： 对于性能要求极高的项目，可以考虑使用系统预装字体组（System Font Stack）。