한글 타이포그래피 자간과 행간 조절 기준: 읽기 좋은 글자 간격 만드는 법

분명 같은 폰트를 썼는데 어떤 문장은 답답하게 뭉쳐 보이고, 어떤 문장은 편안하게 읽힙니다. 차이는 대개 글자 자체보다 글자 사이와 줄 사이의 여백에서 시작됩니다. 한글 타이포그래피 자간과 행간 조절 기준을 이해하면 본문은 더 오래 읽히고, 제목은 더 선명하게 보이며, 브랜드의 인상도 안정적으로 정리됩니다.

자간과 행간에는 모든 상황에 통하는 단일 정답이 없습니다. 폰트의 구조, 글자 크기, 굵기, 줄 길이, 배경 대비, 매체가 함께 작용하기 때문입니다. 따라서 실무에서는 “몇 %가 정답인가”보다 “어떤 조건에서 답답하거나 헐거워지는가”를 보는 기준이 더 중요합니다.

한글에서 자간과 행간이 특히 민감한 이유

한글은 음절 단위의 네모꼴 구조가 강하게 인식됩니다. ‘가’, ‘문’, ‘활’처럼 초성·중성·종성이 모여 하나의 글자틀을 만들기 때문에, 글자 사이가 조금만 좁아도 검은 면적이 덩어리처럼 붙어 보일 수 있습니다. 반대로 자간이 지나치게 넓으면 음절 단위가 흩어져 단어의 연결감이 약해집니다.

자간은 글자와 글자 사이의 가로 리듬을 만들고, 행간은 줄과 줄 사이의 세로 리듬을 만듭니다. 자간이 문장의 밀도와 분위기를 조절한다면, 행간은 독자가 다음 줄로 시선을 옮기는 속도와 안정감을 좌우합니다. 특히 긴 본문에서는 자간보다 행간, 줄 길이, 문단 간격이 가독성에 더 큰 영향을 주는 경우가 많습니다.

한글 조판을 더 깊게 이해하고 싶다면 W3C의 Requirements for Hangul Text Layout and Typography를 참고할 수 있습니다. 이 문서는 한글 글자 간격, 한글·로마자 혼합 조판, 커닝, 행과 단락 레이아웃 같은 항목을 다루며, 한글이 단순히 라틴 문자 규칙을 그대로 적용하기 어려운 문자 체계임을 보여줍니다.

자간, 행간, 커닝은 서로 다르다

자간은 텍스트 전체의 밀도를 바꾸는 값이다

자간은 선택한 텍스트 전체의 글자 사이 간격을 조정합니다. 본문에서 자간을 크게 줄이면 같은 공간에 더 많은 글자를 넣을 수 있지만, 받침이 많은 단어와 굵은 서체에서는 문장이 쉽게 뭉칩니다. 반대로 자간을 넓히면 여유롭고 고급스러운 인상을 줄 수 있으나, 긴 문장에서는 단어가 끊겨 보일 수 있습니다.

행간은 줄 사이의 읽기 공간이다

행간은 한 줄의 기준선에서 다음 줄 기준선까지의 거리로 이해하면 쉽습니다. 행간이 부족하면 줄이 붙어 보여 다음 줄을 찾기 어렵고, 행간이 너무 넓으면 문단이 하나의 덩어리로 읽히지 않습니다. 본문, 캡션, 버튼, 포스터 제목처럼 텍스트의 역할이 달라지면 적정 행간도 달라집니다.

커닝은 특정 조합의 시각 보정이다

커닝은 모든 글자 사이가 아니라 특정 글자 조합의 어색한 간격을 보정하는 작업입니다. 한글에서도 폰트에 따라 글자틀 안의 글자면 위치, 문장부호, 괄호, 숫자, 영문 약어가 섞일 때 시각적 간격이 불균형해질 수 있습니다. 특히 “2026년 UI/UX”, “A형 간염”, “10kg”처럼 한글·영문·숫자가 섞인 문장은 전체 자간만 보고 끝내지 말고 문제 구간을 따로 확인해야 합니다.

한글 자간 조절은 기본값에서 출발한다

본문용 한글은 폰트 제작자가 의도한 기본 간격을 존중하는 것이 안전합니다. 웹 본문이나 긴 설명문에서 처음부터 -5%, -10%처럼 강한 마이너스 자간을 적용하면 글자가 단단해 보이는 대신 읽는 피로가 커질 수 있습니다. 화면 본문에서는 기본값을 출발점으로 삼고, 필요할 때만 아주 약하게 조정하는 방식이 좋습니다.

작은 크기의 본문에서는 -1%에서 -3% 정도의 미세 조정도 폰트와 렌더링 환경에 따라 답답하게 느껴질 수 있습니다. 특히 굵은 고딕, 낮은 해상도 화면, 어두운 배경 위 흰 글자, 받침이 많은 문장에서는 마이너스 자간을 더 조심해야 합니다. 긴 글이 산만해 보인다면 자간을 먼저 만지기보다 글자 크기, 줄 길이, 행간, 문단 간격을 함께 조정하는 편이 효과적입니다.

제목과 짧은 카피는 본문보다 자간 조절의 폭이 넓습니다. 큰 제목은 기본 자간이 넓어 보일 때 약간 좁혀 힘을 줄 수 있고, 얇은 서체나 감성적인 브랜드 문구는 일부러 넓혀 여백의 인상을 만들 수도 있습니다. 다만 “제목은 무조건 좁게, 본문은 무조건 넓게”처럼 외우면 실패하기 쉽습니다. 글자 크기, 굵기, 배경, 메시지의 톤을 기준으로 판단해야 합니다.

행간은 읽는 거리와 줄 길이를 함께 본다

웹 본문은 보통 글자 크기의 1.5배 안팎에서 시작해 테스트하면 무리가 적습니다. 예를 들어 16px 본문이라면 line-height 24px 전후를 출발점으로 삼고, 폰트가 크거나 줄 길이가 길면 1.6~1.7까지 넓혀 볼 수 있습니다. 반대로 짧은 카드 설명이나 UI 라벨처럼 한두 줄로 끝나는 텍스트는 컴포넌트 높이와 정렬을 함께 보아야 합니다.

WCAG 2.2의 Text Spacing 이해 문서는 사용자가 줄 간격을 글자 크기의 최소 1.5배, 문단 간격을 2배, 글자 간격을 0.12em, 단어 간격을 0.16em까지 조정해도 콘텐츠나 기능 손실이 없어야 한다고 설명합니다. 이는 디자이너가 모든 화면을 반드시 그 수치로 설정해야 한다는 뜻이 아니라, 사용자가 읽기 편한 간격으로 조정해도 레이아웃이 깨지지 않아야 한다는 접근성 기준선입니다.

모바일에서는 줄 길이가 짧아 같은 1.6 행간이라도 화면이 길게 늘어진 느낌을 줄 수 있습니다. 대신 작은 글자에 좁은 행간을 쓰면 줄이 붙어 보이므로, 본문은 충분히 여유를 주고 버튼·탭·라벨은 터치 영역과 정렬을 고려해 따로 잡아야 합니다. 인쇄물은 화면보다 읽는 거리, 종이 질감, 판형, 단 수에 따라 체감 행간이 달라집니다. 책 본문, 리플릿, 포스터, 명함의 행간을 같은 기준으로 처리하면 어색해질 수 있습니다.

매체별로 시작점을 다르게 잡는다

매체	자간 시작점	행간 시작점	확인할 부분
웹·블로그 본문	기본값 또는 아주 약한 조정	글자 크기의 약 1.5~1.7배	줄 길이, 문단 간격, 모바일 렌더링
모바일 UI	작은 글자는 마이너스 자간 주의	본문과 라벨을 분리해 설정	확대 설정, 버튼 높이, 텍스트 잘림
포스터·썸네일	메시지 톤에 따라 적극 조정	짧은 카피는 조밀하게 가능	멀리서 보이는 판독성, 줄 간 충돌
책·리플릿	본문 서체의 기본 설계 존중	판형과 단 수에 따라 조정	한 줄 글자 수, 여백, 인쇄 농도

이 표는 정답표가 아니라 작업을 시작하기 위한 기준입니다. 예를 들어 포스터 제목은 자간을 좁혀 강한 인상을 만들 수 있지만, 같은 값을 모바일 배너에 적용하면 작은 화면에서 뭉개질 수 있습니다. 책 본문은 자간을 거의 건드리지 않아도 행 길이가 길면 답답할 수 있고, 이때는 행간과 여백을 먼저 봐야 합니다.

실제 작업에서 확인할 체크리스트

• 실제 크기에서 보았는가? 작업 화면을 확대해서 볼 때와 실제 디바이스, 실제 출력물에서 볼 때의 간격은 다르게 느껴집니다.
• 뭉쳐 보이는 단어가 있는가? 받침이 많은 단어, 굵은 서체, 작은 크기, 반전 텍스트에서 특히 확인합니다.
• 다음 줄을 자연스럽게 찾을 수 있는가? 행간이 좁으면 줄 이동이 어렵고, 너무 넓으면 문단이 흩어집니다.
• 문장부호와 괄호 주변이 어색하지 않은가? 따옴표, 괄호, 슬래시, 퍼센트, 단위 표기는 한글 사이보다 간격 문제가 더 잘 드러납니다.
• 접근성 설정에서도 깨지지 않는가? 사용자가 글자 크기나 간격을 조정했을 때 텍스트가 잘리거나 겹치면 좋은 타이포그래피라고 보기 어렵습니다.

한글이 답답해지는 흔한 실수

가장 흔한 실수는 모든 제목에 강한 마이너스 자간을 적용하는 것입니다. 큰 제목에서는 멋있어 보일 수 있지만, 두 줄 이상이 되거나 작은 썸네일로 줄어들면 글자가 서로 붙어 판독성이 떨어집니다. 또 작은 본문에 장식적인 폰트를 쓰고 행간까지 좁히면 개성보다 피로감이 먼저 느껴집니다.

줄 길이가 긴데 행간을 좁게 두는 것도 위험합니다. 한 줄이 길수록 독자는 다음 줄의 시작점을 찾기 어려워지므로 세로 여백이 더 필요합니다. 반대로 문단 리듬을 행간으로만 해결하려고 하면 문단 전체가 헐거워질 수 있습니다. 줄 사이 공간과 문단 사이 공간은 역할이 다르므로 각각 조정해야 합니다.

영문, 숫자, 괄호가 섞인 문장을 한글과 같은 감각으로만 보는 것도 자주 발생하는 문제입니다. 한글 단어 사이에서는 적당해 보여도 “50% 할인”, “AI 기반”, “Type-C” 같은 표현에서 특정 부분만 헐거워 보일 수 있습니다. 이때는 전체 자간을 바꾸기보다 문제 구간의 폰트, 크기, 기호 주변 간격을 따로 확인하는 편이 좋습니다.

폰트 선택부터 최종 점검까지의 순서

1. 목적과 매체를 먼저 정합니다. 오래 읽는 본문인지, 한눈에 들어와야 하는 제목인지, 터치 가능한 UI 텍스트인지에 따라 기준이 달라집니다.
2. 본문 글자 크기와 줄 길이를 잡습니다. 너무 작은 글자나 지나치게 긴 행은 자간·행간만으로 해결하기 어렵습니다.
3. 행간을 먼저 조정합니다. 긴 글에서는 세로 리듬이 읽기 흐름을 크게 좌우하므로, 행간과 문단 간격을 먼저 안정화합니다.
4. 자간은 마지막에 미세 조정합니다. 전체 분위기가 너무 빽빽하거나 헐거울 때 필요한 만큼만 조정합니다.
5. 실제 환경에서 확인합니다. 모바일, 데스크톱, 출력물, 접근성 확대 조건에서 텍스트가 겹치거나 잘리지 않는지 봅니다.

결국 좋은 한글 타이포그래피는 숫자를 외우는 작업이 아니라 읽히는 리듬을 만드는 작업입니다. 본문 자간은 기본값에서 출발하고, 웹 본문 행간은 1.5배 안팎을 중요한 시작점으로 삼되, 폰트와 문장 길이에 맞게 조정합니다. 제목과 짧은 문구는 목적에 따라 자간을 더 적극적으로 다룰 수 있지만, 한글·영문·숫자 혼용, 문장부호, 화면 크기, 출력 조건을 함께 확인해야 합니다.

한글 타이포그래피 자간과 행간 조절 기준의 핵심은 “정답 수치”가 아니라 독자가 막힘없이 읽는 상태를 찾는 것입니다. 실제 크기에서 보고, 여러 매체에서 테스트하고, 접근성 조건까지 확인한다면 답답하지도 헐겁지도 않은 글자 간격에 훨씬 가까워질 수 있습니다.