타이포그래피 실수 줄이기: 자간 조정이 필요한 5가지 상황과 구체적 값

목차

• 자간 조정이 필요한 이유
• 자간 조정이 필요한 5가지 상황
• 어떤 값을 선택해야 할까?
• 자간 조정 절차와 검수 방법
• 흔한 타이포그래피 실수와 해결
• 자주 묻는 질문

자간 조정이 필요한 이유

자간은 글자와 글자 사이의 반복적인 간격을 뜻합니다. 한글은 네모꼴 구조가 많아 일정하게 정렬된 듯 보이지만, 실제 여백은 초성·중성·종성의 조합에 따라 달라집니다. 예를 들어 ‘미’, ‘을’, ‘과’는 글자 바깥쪽에서 느껴지는 시각적 공간이 서로 같지 않습니다.

CSS Text Module에 따르면 letter-spacing은 문자 사이에 추가 간격을 배분하는 속성입니다. 그러나 브라우저가 계산한 동일한 수치가 사람의 눈에도 동일한 간격으로 보인다는 뜻은 아닙니다. 따라서 자동 설정을 출발점으로 삼되 실제 크기에서 시각적으로 보정해야 합니다.

자간을 지나치게 좁히면 글자 덩어리는 단단해지지만 받침과 다음 글자가 붙어 보이고, 너무 넓히면 단어의 결속이 약해집니다. 특히 모바일에서는 16px 안팎의 작은 글자에 -0.05em을 적용했을 때 획이 뭉칠 수 있으므로 주의해야 합니다.

자간 조정이 필요한 5가지 상황

첫째는 큰 제목입니다. 32px 이상의 제목은 글자가 커지면서 내부와 외부 여백도 확대되어 기본 자간이 느슨하게 보일 수 있습니다. 한 줄 제목은 -0.02em부터 시작하고, 굵은 서체나 짧은 헤드라인은 -0.03em~-0.04em까지 비교해 봅니다.

둘째는 로고와 워드마크입니다. 로고는 읽기뿐 아니라 하나의 형태로 인식되어야 하므로 글자 사이의 시각적 균형이 중요합니다. 전체에 -0.03em을 적용한 뒤 ‘가·나’, ‘T·A’처럼 특정 조합만 커닝으로 다시 다듬는 방식이 효과적입니다. 다만 워드마크를 작은 크기로도 사용한다면 최소 24px 또는 실제 인쇄 크기에서 획이 충돌하지 않는지 확인해야 합니다.

셋째는 표의 항목명과 짧은 데이터입니다. 열 폭이 좁은 표에서는 자간을 -0.01em~-0.02em 정도 줄이면 불필요한 줄바꿈을 완화할 수 있습니다. 숫자는 고정폭 숫자 기능인 tabular figures를 먼저 적용하고, 자간은 그다음에 조정해야 세로 정렬이 흐트러지지 않습니다.

넷째는 가격·연도·통계처럼 숫자가 연속되는 영역입니다. ‘2026’, ‘30%’, ‘125,000원’은 문자 조합에 따라 간격이 들쭉날쭉해 보일 수 있습니다. -0.02em을 기준으로 쉼표, 퍼센트 기호, 통화 단위 주변을 살피되 숫자 전체가 검은 덩어리로 뭉치지 않게 합니다.

다섯째는 버튼, 배지, 강조 문구입니다. 굵은 대문자 영문이나 짧은 한글 레이블은 -0.02em~-0.05em에서 단단한 인상을 만들 수 있습니다. 반대로 작은 영문 대문자처럼 구분이 필요한 텍스트는 0.03em~0.08em의 양수 자간이 더 적합할 수 있습니다.

어떤 값을 선택해야 할까?

자간에는 모든 서체에 통하는 단일 정답이 없습니다. 같은 -0.03em이라도 장평이 좁은 고딕과 넓은 명조에서 결과가 다르고, 가변 글꼴의 굵기 축을 바꾸면 글자 사이의 밀도도 달라집니다. 아래 값은 완성값이 아니라 2026년 웹·디지털 화면 작업에서 활용할 수 있는 검토 출발점입니다.

W3C의 WCAG 해설에 따르면 사용자가 글자 간격을 조정하더라도 콘텐츠나 기능이 손실되지 않아야 합니다. 즉, 촘촘한 자간으로 버튼 폭을 억지로 맞추기보다 간격이 커져도 레이아웃이 견디도록 설계하는 것이 우선입니다.

자간 조정 절차와 검수 방법

먼저 실제 사용할 서체, 굵기, 크기로 문구를 배치합니다. 디자인 도구의 확대 화면만 보지 말고 웹은 100% 배율, 인쇄물은 실제 출력 크기에서 확인합니다. 자간은 기본값, -0.02em, -0.03em, -0.05em의 4개 시안을 나란히 비교하면 판단하기 쉽습니다.

다음으로 전체 자간을 정한 뒤 문제가 남은 문자 조합만 개별 커닝합니다. 이 순서를 바꾸면 한두 글자에 맞춘 수정이 전체 리듬을 깨뜨릴 수 있습니다. 숫자에서는 11, 74, 쉼표와 통화 기호를, 한글에서는 받침 있는 글자와 세로 모음이 이어지는 조합을 집중적으로 살핍니다.

마지막으로 데스크톱과 모바일, 밝은 화면과 어두운 화면에서 검수합니다. 가능하다면 2명 이상에게 5초 정도 문구를 보여 주고 내용이 즉시 읽히는지 확인합니다. CSS 적용 시에는 고정 px보다 글자 크기에 비례하는 em 단위를 사용하면 크기 변화에 대응하기 수월합니다.

자간을 좁히면 언제 타이포그래피 실수가 될까?

긴 본문 전체에 -0.05em을 적용하거나, 좁은 공간에 문장을 끼워 넣기 위해 자간만 줄이는 방식은 대표적인 타이포그래피 실수입니다. 줄바꿈 문제가 있다면 컨테이너 폭, 글자 크기, 문구 길이를 먼저 조정해야 합니다. 자간은 레이아웃 결함을 숨이는 도구가 아니라 시각적 리듬을 보정하는 도구입니다.

또한 한글과 영문, 숫자가 섞인 문구에 하나의 값만 기계적으로 적용하면 구두점 주변이 어색해질 수 있습니다. 브라우저와 운영체제에 따라 글꼴 렌더링이 달라질 수 있으므로 이미지 캡처 한 장만으로 결정하지 말고 실제 기기에서 확인해야 합니다.

핵심은 제목·로고·표·숫자·강조 텍스트에 -0.02em~-0.05em을 시험하되, 작은 본문은 기본 자간을 우선하는 것입니다. 작업 중 타이포그래피 실수가 반복되거나 브랜드용 자간 기준을 정하기 어렵다면 사용 서체, 매체, 최소 표시 크기를 정리해 타이포그래피 전문가에게 검토나 교육 상담을 요청해 보세요.

자주 묻는 질문

모든 한글 제목에 -0.05em을 적용해도 되나요?

아닙니다. -0.02em부터 비교하고 획이 가늘거나 글자가 긴 제목은 기본값에 가깝게 유지하세요. -0.05em은 굵고 짧은 제목에서도 반드시 충돌 여부를 확인해야 하는 값입니다.

자간과 커닝은 같은 기능인가요?

자간은 선택한 문자열 전체의 간격을 일정하게 조정하고, 커닝은 특정 두 글자의 시각적 간격을 보정합니다. 전체 밀도는 자간으로 잡고 예외적인 조합은 커닝으로 다듬는 순서가 효율적입니다.

표의 숫자가 정렬되지 않으면 자간을 줄여야 하나요?

먼저 고정폭 숫자 기능을 지원하는지 확인하세요. 각 숫자의 폭을 동일하게 만든 후 -0.01em~-0.02em을 시험해야 행과 열의 정렬을 안정적으로 유지할 수 있습니다.

모바일에서도 데스크톱과 같은 자간을 써도 되나요?

글자 크기와 줄 길이가 달라지므로 별도 검수가 필요합니다. 특히 16px 이하에서는 음수 자간이 가독성을 떨어뜨릴 수 있어 기본값이나 더 완만한 값을 사용하는 편이 안전합니다.

가장 흔한 타이포그래피 실수는 무엇인가요?

디자인 도구에서 보기 좋은 값을 모든 크기와 매체에 그대로 적용하는 것입니다. 실제 출력 크기와 여러 화면에서 제목, 숫자, 기호, 줄바꿈을 함께 검수해야 자간 때문에 생기는 타이포그래피 실수를 줄일 수 있습니다.