Baseline, X-height, Cap height, Ascender, Descender, 활자 해부학

한 줄로

폰트의 5가지 핵심 측정선입니다. 모든 활자 디자인의 기본 어휘입니다.

5가지 선

Baseline (기준선)

글자가 앉아 있는 보이지 않는 선입니다. 활자의 "바닥"입니다.

X-height (엑스 하이트)

소문자 x의 높이입니다. 소문자 글자들의 본체 높이를 정의합니다.

Cap height (캡 하이트)

대문자의 높이입니다. 보통 X-height의 약 1.3배입니다.

Ascender (어센더)

소문자에서 위로 뻗는 부분입니다. b, d, h, k, l의 위쪽 막대입니다.

Descender (디센더)

아래로 뻗는 부분입니다. g, j, p, q, y의 아래 꼬리입니다.

     ┌──────────┐ ← Cap height
ABC  │          │ ← X-height
xyz  │          │ ← Baseline
     │ jp       │ ← Descender
     └──────────┘

왜 중요한가

폰트 디자이너가 활자를 만들 때 이 측정선을 모든 글자에 일관되게 적용합니다. 사용자에게는 다음 차이가 있습니다.

X-height가 큰 폰트: 작게 표시해도 잘 읽힙니다. UI 폰트로 적합합니다. X-height가 작은 폰트: 우아한 느낌을 줍니다. 헤드라인용입니다. Cap height가 X-height와 가까운 폰트: 단조로워집니다. Ascender와 Descender가 긴 폰트: 더 시원한 느낌을 줍니다.

한국어와의 차이

한국어 활자는 직사각형이라 이 개념이 다소 다릅니다. 그러나 한글 디자인도 baseline, x-height에 해당하는 기준선들이 있습니다.

바이브 메이커가 챙길 한 가지

폰트 선택할 때 X-height를 비교해 봅니다. 같은 16px이라도 X-height가 다르면 가독성이 크게 달라집니다. UI에는 X-height가 큰 폰트가 안전합니다.

관련

Kerning, Leading, Tracking