한글 타이포그래피에서 가독성을 높이는 5가지 실전 원칙
한글 타이포그래피 가독성은 자간·줄간격·폰트 무게를 균형 있게 조정하면 해결됩니다. 과도한 장식이나 극단적인 두께보다, 읽는 흐름을 방해하지 않는 미세한 간격 조정이 더 큰 효과를 냅니다. 2026년 현재 디지털 문서와 모바일 환경에서는 특히 이 세 요소의 조합이 핵심입니다.
TL;DR 핵심 요약
한글 타이포그래피 가독성을 높이려면 자간, 줄간격, 폰트 무게를 균형 있게 조정해야 합니다. 본문에서는 2026년 기준으로 실무에 바로 적용할 수 있는 5가지 원칙을 구체적인 수치와 함께 정리했습니다.
목차
- 목차
- 자간을 0.02–0.05em로 미세 조정하는 이유
- 줄간격 1.5–1.7배가 한글 본문에 적합한 이유
- 폰트 무게 400–500 사이에서 선택하는 기준
- 한글 타이포그래피에서 줄바꿈은 어떻게 처리해야 할까?
- 대비와 크기 비율을 3:1 이상으로 유지하는 방법
- 실전 적용을 위한 체크리스트 표
- 한글 타이포그래피에서 자간을 0em으로 두면 안 되나요?
- 줄간격을 2.0배로 설정하면 너무 넓어 보이지 않나요?
- 폰트 무게 500을 본문에 써도 괜찮을까요?
- 모바일과 데스크톱에서 같은 자간을 써도 되나요?
- 한글 타이포그래피에 영문 폰트와 함께 쓸 때 주의할 점은 무엇인가요?
목차
- 자간을 0.02–0.05em로 미세 조정하는 이유
- 줄간격 1.5–1.7배가 한글 본문에 적합한 이유
- 폰트 무게 400–500 사이에서 선택하는 기준
- 한글 타이포그래피에서 줄바꿈은 어떻게 처리해야 할까?
- 대비와 크기 비율을 3:1 이상으로 유지하는 방법
- 실전 적용을 위한 체크리스트 표
자간을 0.02–0.05em로 미세 조정하는 이유
한글은 자소가 모여 글자를 이루기 때문에 자간이 너무 좁으면 획이 붙어 보입니다. 조사에 따르면 0.03em 정도의 자간을 적용했을 때 읽기 속도가 평균 12% 향상되는 것으로 나타났습니다. 반대로 0.08em 이상 벌리면 단어 단위 인지가 느려집니다.
모바일 화면에서는 0.02em, 데스크톱에서는 0.04–0.05em로 구분해 적용하는 것이 효과적입니다. 이는 2026년 현재 대부분의 브라우저 렌더링 엔진이 한글 자간을 처리하는 방식과도 일치합니다.
줄간격 1.5–1.7배가 한글 본문에 적합한 이유
한글은 세로 획이 많아 줄간격이 부족하면 윗줄과 아랫줄이 겹쳐 보입니다. 디자인 교육 현장에서는 1.6배를 기본값으로 권장하고 있으며, 1.5배 이하에서는 피로도가 급격히 증가합니다. 1.7배 이상으로 올리면 페이지당 줄 수가 줄어 콘텐츠 밀도가 낮아집니다.
본문 폰트 크기가 16–18px일 때 1.6배 줄간격을 적용하면 한 페이지당 약 28–32줄을 유지할 수 있습니다. 이는 장시간 읽기 콘텐츠에 적합한 기준입니다.
폰트 무게 400–500 사이에서 선택하는 기준
한글 타이포그래피에서 300 이하의 가벼운 무게는 획이 잘리는 경우가 많습니다. 600 이상의 굵은 무게는 장문에서 눈의 피로를 유발합니다. 최근 실무 프로젝트 분석에 따르면 본문에는 400–450, 소제목에는 500–550을 주로 사용합니다.
같은 폰트라도 450과 500의 차이는 50 단위로, 시각적 계층을 명확히 구분하는 데 충분합니다. 400 이하를 본문에 쓰려면 폰트 크기를 18px 이상으로 보완해야 합니다.
한글 타이포그래피에서 줄바꿈은 어떻게 처리해야 할까?
한글은 띄어쓰기가 문장 단위보다 크기 때문에 자동 줄바꿈이 부자연스러울 수 있습니다. 2026년 기준으로 대부분의 에디터는 word-break: keep-all을 기본으로 권장합니다. 이를 적용하면 단어가 중간에 잘리지 않아 가독성이 유지됩니다.
필요할 경우 overflow-wrap: break-word를 병행하면 긴 URL이나 영문 혼합 문장에서도 레이아웃이 깨지지 않습니다. 이 두 속성의 조합이 현재 가장 안정적인 해결책으로 평가받고 있습니다.
대비와 크기 비율을 3:1 이상으로 유지하는 방법
| 요소 | 최소 대비 비율 | 추천 폰트 크기 | 비고 |
|---|---|---|---|
| 본문 vs 배경 | 4.5:1 | 16–18px | WCAG AA 기준 충족 |
| 소제목 vs 본문 | 3:1 | 22–24px | 계층 구분용 |
| 강조 텍스트 | 3:1 | 16–18px | 500–600 무게 적용 시 |
위 표는 2026년 현재 웹 접근성 가이드라인을 한글 타이포그래피에 적용한 결과입니다. 대비가 3:1 이하로 떨어지면 특히 40대 이상 독자의 읽기 피로도가 크게 증가합니다.
실전 적용을 위한 체크리스트 표
| 항목 | 권장 값 | 확인 방법 |
|---|---|---|
| 자간 | 0.03em | Figma 측정 도구 |
| 줄간격 | 1.6배 | 브라우저 개발자 도구 |
| 본문 폰트 무게 | 400–450 | 스타일 가이드 참조 |
| 대비 비율 | 4.5:1 이상 | Contrast Checker |
| 줄바꿈 설정 | keep-all | CSS 확인 |
자주 묻는 질문
한글 타이포그래피에서 자간을 0em으로 두면 안 되나요?
0em으로 두면 획이 붙어 보이는 경우가 많아 가독성이 떨어집니다. 최소 0.02em 이상을 유지하는 것이 일반적입니다.
줄간격을 2.0배로 설정하면 너무 넓어 보이지 않나요?
장문 콘텐츠에서는 1.7배를 넘기면 페이지 밀도가 낮아집니다. 1.6배를 기본으로 하고, 필요에 따라 섹션별로 조정하는 것이 좋습니다.
폰트 무게 500을 본문에 써도 괜찮을까요?
500은 소제목이나 강조용으로 적합하며, 본문 전체에 사용하면 피로도가 증가합니다. 400–450을 본문 기본값으로 추천합니다.
모바일과 데스크톱에서 같은 자간을 써도 되나요?
모바일에서는 0.02em, 데스크톱에서는 0.04–0.05em로 구분하는 것이 더 안정적입니다. 화면 해상도 차이를 고려해야 합니다.
한글 타이포그래피에 영문 폰트와 함께 쓸 때 주의할 점은 무엇인가요?
영문과 한글의 x-height 차이가 크기 때문에 자간과 줄간격을 각각 별도로 조정해야 합니다. 통합 테스트를 통해 최종 확인하는 과정이 필요합니다.
한글 타이포그래피 가독성을 높이는 5가지 원칙은 자간, 줄간격, 폰트 무게, 줄바꿈, 대비 비율을 체계적으로 관리하는 데서 시작됩니다. 위 체크리스트를 실제 프로젝트에 적용해 보시고, 더 구체적인 가이드가 필요하시면 타이포그라피 노트에 문의해 주세요.
Frequently Asked Questions
한글 타이포그래피에서 자간을 0em으로 두면 안 되나요?
줄간격을 2.0배로 설정하면 너무 넓어 보이지 않나요?
폰트 무게 500을 본문에 써도 괜찮을까요?
모바일과 데스크톱에서 같은 자간을 써도 되나요?
한글 타이포그래피에 영문 폰트와 함께 쓸 때 주의할 점은 무엇인가요?
여기까지 읽어주셔서 감사합니다.
오늘 글이 도움이 되셨다면 필요한 분께 '공유'해 주세요.
아래 '관련 글'에서도 더 필요한 정보를 확인하실 수 있습니다.
타이포그라피 노트
이 블로그에서는 타이포그래피 기초 · 한글 타이포그래피 · 디자인 적용 사례 · 도구와 리소스 이야기를 쉽고 명확하게 정리합니다.
다음 글에서도 유용한 정보로 찾아뵙겠습니다.
