트래킹 (Tracking)
쉽게 풀면
글자 하나하나가 아니라 문장 전체의 글자 간격을 한꺼번에 넓히거나 좁히는 것이다.
왜 중요한가
자간(트래킹)은 문자열 전체에 걸쳐 균등하게 적용하는 글자 사이 간격 조정을 뜻하며, 작은 크기의 본문에서는 자간을 좁혀 밀도를 높이고 제목이나 로고 타이포그래피에서는 넓혀 여유롭고 고급스러운 인상을 주는 등 타이포그래피의 감성적 톤을 조율하는 데 활용된다.
브랜드 워드마크 디자인에서 자간 조정만으로 인상이 크게 달라지는 경우가 흔하다. 포토샵이나 일러스트레이터 같은 도구에서는 자간을 1000분의 1 em 단위로 표시하며, 음수 값을 주면 글자가 서로 겹치는 압축 효과를, 양수 값을 주면 벌어지는 확장 효과를 만든다.
같은 자간 값이라도 서체의 평균 글자 폭이 넓은 서체에서는 상대적으로 더 벌어져 보이므로, 자간 수치를 서체 간에 그대로 복사해 쓰면 의도한 인상이 재현되지 않을 수 있다.
핵심 정리
- 트래킹(자간)은 한 단어, 한 줄, 한 단락 전체의 글자 사이 간격을 똑같은 양만큼 늘리거나 줄이는 조정입니다. 글자 모양은 그대로이고 간격만 바뀝니다.
- 특정 두 글자 쌍(예: A와 V)만 조정하는 커닝과 다릅니다. 커닝은 글자 조합마다 다른 값을 주고, 트래킹은 모든 글자에 같은 값을 줍니다.
- 디자인 소프트웨어(Adobe 계열)에서는 보통 1/1000 em 단위로 표시합니다. 1 em은 글자 크기와 같은 길이이므로, 값은 글자 크기에 비례합니다. CSS에서는
letter-spacing속성이 같은 구실을 합니다. - 양수는 간격을 벌리고, 음수는 좁힙니다. 작은 글자나 대문자 위주의 짧은 제목은 벌려 주는 경우가 많고, 큰 제목은 좁혀서 한 덩어리로 보이게 하는 경우가 많다고 타이포그래피 입문서들이 설명합니다.
예시로 보기
가상의 예입니다. 글자 크기가 16px인 글에 트래킹 +50(= 0.05 em)을 주면 글자 하나당 간격이 0.05 × 16 = 0.80px 늘어납니다. 글자가 10개인 단어는 간격이 9곳이므로 단어 길이가 약 7.2px 길어집니다(브라우저에서는 마지막 글자 뒤에도 간격이 붙는 경우가 있어 8.0px까지 늘 수 있습니다).
같은 +50이라도 글자 크기가 32px면 1.60px이 됩니다. 크기가 달라져도 비율이 유지되는 것이 em 단위의 장점입니다.
다른 서체로 바꾸면 사정이 달라집니다. 글자 폭이 넓은 서체는 같은 값에서도 더 벌어져 보이므로, 한 서체에서 정한 수치를 다른 서체에 그대로 복사하지 않는 것이 좋습니다.
자주 하는 오해
| 오해 | 바로잡기 |
|---|---|
| 트래킹과 커닝은 같은 말이다. | 트래킹은 전체에 같은 값, 커닝은 글자쌍마다 다른 값입니다. 트래킹만 조정하면 어색한 글자쌍이 남을 수 있습니다. |
| 트래킹을 넓히면 읽기 쉬워진다. | 대문자·작은 글씨에서는 도움이 될 수 있으나, 소문자 본문을 과하게 벌리면 단어의 윤곽이 흐트러지고 낱말 사이 간격과 비슷해져 읽기 어려워집니다. |
| 트래킹 값은 어디서나 같게 보인다. | 서체의 평균 글자 폭, 배경색(어두운 배경의 밝은 글자는 획이 굵어 보여 간격이 좁아 보임), 화면 렌더링에 따라 느낌이 달라집니다. |
| 트래킹은 글자체의 일부다. | 서체에 내장된 글자 간격은 사이드베어링(좌우 여백)이고, 트래킹은 그 위에 사용자가 더하는 조정입니다. |
또한 브라우저는 letter-spacing이 0이 아니면 글자를 이어 쓰는 합자(ligature)를 끄는 것이 표준 권고입니다. 합자가 필요한 서체에서는 이 점을 고려해야 합니다.
논문에서는 이렇게 쓰입니다
실제 논문에서
이 용어를 직접 쓴 국내 논문 문장을 아직 수집하지 못했습니다. 수집되는 대로 출처와 함께 싣겠습니다.
예시 문장
아래는 용어의 쓰임을 보여 주려고 만든 예시로, 실제 논문에서 가져온 문장이 아닙니다.
글자 전체 간격을 조정했을 때 작은 화면에서의 가독성이 어떻게 달라지는지를 실험한 내용이다.
자간 조정을 통해 타이포그래피의 가독성과 위계를 조절하는 방식을 보여주는 문맥이다.
조금 더 깊게 보면
커닝이 특정 두 글자 쌍 사이의 간격을 개별적으로 조정하는 것이라면 트래킹은 문자열 전체에 균일하게 적용된다는 점에서 구분되며, 이를 혼동해 커닝이 필요한 상황에 트래킹만 조정하면 특정 글자 조합에서 여전히 어색한 간격이 남을 수 있다.
옵티컬사이징이 크기별로 획 굵기 자체를 다르게 설계하는 것과 달리 트래킹은 기존 글자 형태를 유지한 채 간격만 조정한다는 차이가 있다. 작은 크기의 화면 폰트에서 자간을 과도하게 좁히면 렌더링 엔진의 서브픽셀 처리 한계로 글자가 뭉개져 보이는 현상이 생겨, 웹 타이포그래피에서는 미세한 음수 자간을 신중히 다뤄야 한다.
주의할 점
트래킹은 특정 글자쌍만 조정하는 커닝과 달리 텍스트 블록 전체에 동일하게 적용된다.
자간을 넓히면 단어 사이 공백과의 상대적 비율이 달라져 단어 구분이 오히려 모호해질 수 있으므로, 자간을 조정할 때는 낱말 사이 간격도 함께 재조정하는 것이 일반적이다. 어두운 배경의 밝은 글자는 빛 번짐(광삼) 때문에 획이 실제보다 굵어 보여 글자 사이가 좁아 보이므로, 같은 자간 값을 그대로 쓰기보다 약간 넓히는 보정이 필요할 수 있다.
헷갈리기 쉬운 용어
간격과 관련된 타이포그래피 용어입니다.
참고 문헌
- Bringhurst, R. (2004). The Elements of Typographic Style (3rd ed.). Hartley & Marks.
- Lupton, E. (2010). Thinking with Type: A Critical Guide for Designers, Writers, Editors, and Students (2nd ed.). Princeton Architectural Press.
- Felici, J. (2012). The Complete Manual of Typography (2nd ed.). Adobe Press.
표의 기준값은 위 문헌에 근거한 관례이며, 분야·학술지마다 다른 기준을 쓸 수 있습니다.