Figmapedia
목록으로 돌아가기
타이포그래피디자인 토큰 & 워크플로우

각 폰트 사이즈마다 line-height를 다른 퍼센트 값으로 설정해도 괜찮은가요? (예: 144.5%, 157.1%)

오픈카톡방 2026. 3. 7.

네, 각 폰트 사이즈마다 line-height(행간)를 다른 퍼센트 값으로 설정하는 것은 **매우 일반적이고 권장되는 디자인 접근 방식**입니다.

**Line-height를 폰트 사이즈별로 다르게 설정하는 이유:**

1. **가독성 향상**: 글자 크기가 커질수록 시각적으로 안정감을 주기 위해 line-height는 상대적으로 줄어드는 경향이 있습니다. 반대로 작은 본문 텍스트는 가독성을 높이기 위해 line-height를 더 넓게 가져가는 것이 좋습니다.

2. **시각적 균형**: 동일한 퍼센트의 line-height를 모든 폰트 사이즈에 적용하면, 큰 제목에서는 행간이 너무 좁아 보이거나, 작은 본문에서는 너무 넓어 보여서 전체적인 시각적 균형이 깨질 수 있습니다.

3. **디자인 시스템의 표준**: 많은 디자인 시스템에서 폰트 스케일(Font Scale)과 함께 각 폰트 사이즈에 최적화된 line-height 값을 정의하여 사용합니다. 이는 일관된 타이포그래피를 유지하고, 디자이너와 개발자 간의 소통을 명확하게 하는 데 중요합니다.

**일반적인 접근 방식:**

* **본문 텍스트 (Body Text)**: 작은 폰트 사이즈에는 150% ~ 160% (또는 1.5em ~ 1.6em) 정도로 여유 있는 line-height를 부여하여 가독성을 높입니다.

* **제목 텍스트 (Headings)**: 큰 폰트 사이즈에는 110% ~ 130% (또는 1.1em ~ 1.3em) 정도로 본문보다 상대적으로 좁은 line-height를 설정하여 시각적인 응집력을 높입니다.

결론적으로, 각 폰트 사이즈에 맞춰 최적의 가독성과 시각적 균형을 위해 line-height를 다르게 적용하는 것은 올바른 디자인 결정이며, 실제 많은 프로덕트에서 채택하고 있는 방식입니다.