Typography | 字体与字体样式

本文是我阅读 web interface handbook所作的笔记，由chatgpt润色并翻译。

字体与字体样式

在网页设计中，字体的可读性至关重要。以下是一些关键概念和建议：

关键概念

字体与字体样式

• 字体：文字的设计风格。例如，Arial 或 Times New Roman 是不同的字体。
• 字体样式：具体的字体实例，包括尺寸、粗细和样式。例如，Arial 12pt Bold 是一种字体样式。

通常，“字体”和“字体样式”可以互换使用，但理解它们的区别很重要。

字体的可读性

• 装饰字体：这些字体可能在视觉上很吸引人，但通常可读性较差。应谨慎使用，以免影响用户体验。
• 无衬线字体（Sans-serif）：这种字体在任何情况下都适用于 UI 设计。
• 衬线字体（Serif）：适用于大量的文本阅读，通常能提高可读性。
• 等宽字体（Monospaced）：适用于显示代码片段或短小的标题。避免将等宽字体用于整体设计或长文本，因为它们不易于阅读和扫描。

设计考虑

在为新项目创建设计和排版时，应考虑以下三点：

1. 正文字体：选择用于正文的字体。
2. 标题字体：确定用于标题的字体。
3. 强调字体：决定是否为标题、引语、表格、提示或其他装饰元素选择特殊字体。

正文字体的选择决定了排版和设计的风格。其他字体的选择主要是为了创建视觉上的重点。

标题字体可以与正文字体不同，以增强对比度和排版表现力。

在长文本中，衬线字体与无衬线字体的可读性差异可能不明显。

可读性是设计中最重要的方面。

字体配对

配对字体时，唯一需要的技巧是 对比。以下是一些建议：

1. 标题使用 Sans，正文使用 Serif。
2. 标题使用 Serif，正文使用 Sans。
3. 标题使用 Slab，正文使用 Sans。
4. 使用 Inter 字体作为标题和正文的字体。