폰트비 블로그
폰트/타이포그래피/디자인

Condensed와 Display, 폰트 이름 수식어를 카탈로그에서 직접 읽는 법

글쓴이 · 폰트비

폰트 카탈로그를 열면 "Condensed Bold"도 있고 "Display Light"도 있고, 같은 패밀리 안에 이름만 다른 변종이 열두어 개씩 늘어서 있다. 굵기가 숫자(100~900)로 표기된다는 건 이제 대충 알겠는데, Condensed나 Display 같은 단어는 뭘 기준으로 붙인 건지 선뜻 감이 오질 않는다.

이 수식어들이 사실 두 가지 완전히 다른 축을 가리킨다는 걸 알면, 읽히지 않던 변종 목록이 한눈에 정리된다. 너비 축인지 광학 크기 축인지 — 이 구분 하나로 카탈로그를 스스로 해독할 수 있게 된다.

카탈로그를 읽다 자주 빠지는 오독 세 가지

먼저 흔히 잘못 읽는 지점을 짚어두겠다. 이 오독에서 출발해야 이후 설명이 제대로 박힌다.

오독 1 — "Condensed는 크기가 작은 글씨다"

Condensed를 보면 뭔가 압축된, 작아 보이는 글씨 같은 인상을 받는다. 실제로는 글자의 가로 폭을 좁힌 것이고 크기나 굵기와 전혀 무관하다. "Condensed Bold"라는 조합이 자연스럽게 성립하는 이유가 바로 여기 있다. 너비는 좁지만 획 두께는 두껍게 설계된 글자다. 너비 축과 굵기 축은 독립된 변수다.

오독 2 — "Display는 모니터 전용 폰트다"

Display라는 단어 때문에 스크린 디스플레이에 맞춘 폰트라고 오해하기 쉽다. 실제로는 큰 크기(포스터·헤드라인)에서 최적의 가독성을 내도록 설계된 광학 크기(Optical Size) 변종이다. 모니터냐 인쇄냐와 상관없다.

오독 3 — "Narrow와 Condensed는 다른 폰트 패밀리다"

같은 너비 계열인데 파운드리마다 다른 이름을 쓴다. A 파운드리가 Condensed라고 부르는 것과 B 파운드리의 Narrow가 실제 폭이 비슷할 수 있다. 이름이 통일된 표준이 아니라 각 제조사가 붙인 레이블이기 때문이다.

Condensed·Narrow·Compressed가 말하는 것은 너비다

너비 축 수식어는 글자 가로 폭을 단계적으로 조정한다.

  • Compressed — 가장 극단적으로 좁힌 형태
  • Condensed — 너비 변종 중 가장 흔하게 쓰이는 중간 단계
  • Narrow — 파운드리에 따라 Condensed와 비슷한 폭을 이 이름으로 부르기도 한다
  • Extended / Expanded / Wide — 반대 방향. 글자 폭을 넓힌 변종이다

한 가지 주의할 점은 이 이름에 정해진 수치 규격이 없다는 것이다. A 파운드리의 Condensed가 B 파운드리의 Narrow보다 더 좁을 수도 있다. 실제 폭은 카탈로그에서 직접 눈으로 확인해야 한다.

너비 변종을 쓰는 가장 흔한 이유는 공간 제약이다. 배너나 포스터에서 한 줄에 긴 문장을 넣어야 할 때, 폰트 크기를 줄이지 않고도 더 많은 글자를 담을 수 있다. 반대로 여백이 넉넉하고 글자가 차분하게 넓게 보이길 원한다면 Extended 계열이 맞다.

Display·Text·Caption이 말하는 것은 크기 범위다

Display, Text, Caption, Micro는 광학 크기(Optical Size) 최적화 변종이다. 같은 글꼴이라도 10포인트로 쓸 때와 60포인트로 쓸 때 가독성을 유지하려면 획 두께 비율, 자간, 세리프 두께를 다르게 설계해야 한다. 디지털 폰트는 파일 하나로 모든 크기를 커버하다 보니 이 최적화가 사라졌다가, 광학 크기 변종이라는 형태로 다시 돌아왔다.

이 원칙은 납활자 시절부터 내려온 것이다. 인쇄 장인들은 12포인트용 활자와 72포인트용 활자를 같은 글꼴이라도 물리적으로 다른 금속 활자로 만들었다. 디지털 시대에 광학 크기 변종이 그 역할을 이어받고 있다.

각 명칭이 가리키는 크기 범위는 패밀리마다 다소 다르지만, Adobe의 Kepler 패밀리를 예로 들면 Caption은 6~8포인트, Text(Regular)는 9~13포인트, Subhead는 14포인트 이상, Display는 25포인트 이상(25~72포인트)이다.

Display와 Caption이 같은 패밀리인데도 눈에 띄게 다른 이유는 획 대비(Stroke Contrast)와 자간에 있다. Display 변종은 획의 얇은 부분과 굵은 부분의 차이를 극적으로 설계한다. 큰 크기에서는 가는 획도 선명하게 보이기 때문이다. 자간도 조금 좁게 설계해서 큰 제목에서 응집감이 생긴다. Caption 변종은 반대다. 작은 크기에서 가는 획이 뭉개지지 않도록 획 두께 차이를 줄이고 자간을 넉넉하게 둔다. 세리프 폰트라면 인쇄에서 잉크가 번져 획이 붙어버리지 않도록 인크 트랩(ink trap) 구조를 넣기도 한다.

Display로 본문을 조판하면 자간이 좁고 획 대비가 과해서 장문 가독성이 뚝 떨어진다. Caption으로 큰 제목을 쓰면 획이 균일해서 단조롭고 인상이 없다. 변종은 정해진 크기 범위 안에서 써야 제 성능을 낸다.

변종 이름을 만났을 때 판단하는 순서

폰트비에서 폰트를 검색하면 변종 목록이 함께 표시된다. 이름에 붙은 수식어를 읽을 때 이 순서로 판단하면 엉뚱한 변종을 집어드는 일이 크게 줄어든다.

먼저 사용 크기를 결정한다. 웹 본문이라면 보통 16~18px, 제목이라면 32px 이상, 캡션이나 부가 정보라면 11~12px 수준이다.

그다음 광학 크기 수식어를 확인한다. 40pt 이상 큰 제목이라면 Display 계열, 14~18pt 본문이라면 Text 또는 수식어 없는 Regular, 10pt 이하 캡션이라면 Caption이다. 패밀리 안에 광학 크기 변종 자체가 없다면 이 단계는 건너뛴다.

마지막으로 너비 수식어를 더한다. 한 줄에 글자가 더 들어가야 한다면 Condensed나 Narrow를, 여백이 넉넉하고 안정감이 우선이라면 Regular 너비 그대로 쓴다. 두 축은 독립적이므로 "Display Condensed Bold" 같은 조합도 자연스럽게 읽힌다 — 큰 크기에 최적화된, 너비가 좁고, 획이 굵은 변종이다.

한글 폰트 카탈로그에서 이 수식어를 못 찾을 때

한글 폰트는 Display나 Caption 같은 광학 크기 변종 없이 굵기(Light·Regular·Bold 등)만 제공하는 경우가 많다. 같은 설계를 큰 크기와 작은 크기에 모두 그대로 사용하게 된다.

이때 실무에서 쓰는 방법은 자간과 행간을 크기별로 다르게 설정하는 것이다. 큰 제목에는 자간을 살짝 줄이고, 작은 캡션에는 자간을 늘리는 식이다. 광학 크기 변종이 설계 단계에서 해결할 걸 조판 단계에서 손으로 메우는 셈이다.

수식어를 처음 봤을 때 "너비인가, 크기 범위인가" 두 가지 질문 중 하나로 분류할 수 있다면, 열두 개짜리 변종 목록도 두 개의 축으로 나뉘어 한결 다루기 쉬워진다. 🗂

이 글이 도움이 됐나요?

여러분의 반응이 다음 글의 방향이 돼요

이어서 읽기 좋은 글