🍋
Menu
Design

Typeface

The overall design of a set of characters (e.g. Helvetica), distinct from a font which is a specific weight and size.

技术细节

Typeface is a foundational concept in visual design theory. It influences how users perceive and interact with interfaces, affecting readability, hierarchy, and aesthetic appeal. The design principles behind typeface are codified in systems like Material Design 3, Apple's Human Interface Guidelines, and the W3C's Web Content Accessibility Guidelines. Implementing typeface correctly requires balancing aesthetic intent with accessibility requirements and cross-platform consistency.

示例

```css
/* Typeface: design specification example */
.component {
  font-family: Inter, system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #1a1a1a;
  padding: 1rem 1.5rem;
}
```

相关工具

相关术语