질문사항
각 폰트 사이즈마다 line-height를 다른 퍼센트 값으로 설정해도 괜찮은가요? (예: 144.5%, 157.1%)
답변
네, 각 폰트 사이즈마다 line-height(행간)를 다른 퍼센트 값으로 설정하는 것은 매우 일반적이고 권장되는 디자인 접근 방식입니다.
Line-height를 폰트 사이즈별로 다르게 설정하는 이유:
가독성 향상: 글자 크기가 커질수록 시각적으로 안정감을 주기 위해 line-height는 상대적으로 줄어드는 경향이 있습니다. 반대로 작은 본문 텍스트는 가독성을 높이기 위해 line-height를 더 넓게 가져가는 것이 좋습니다.시각적 균형: 동일한 퍼센트의 line-height를 모든 폰트 사이즈에 적용하면, 큰 제목에서는 행간이 너무 좁아 보이거나, 작은 본문에서는 너무 넓어 보여서 전체적인 시각적 균형이 깨질 수 있습니다.디자인 시스템의 표준: 많은 디자인 시스템에서 폰트 스케일(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를 다르게 적용하는 것은 올바른 디자인 결정이며, 실제 많은 프로덕트에서 채택하고 있는 방식입니다.