가독성 좋은 폰트가 따로 있는 게 아니라, 원리가 있더라고요

폰트를 고를 때 대부분 이렇게 하죠. 검색해서 나온 추천 목록 훑고, "이거 많이들 쓰던데" 싶으면 그냥 내려받는 거. 근데 막상 써보면 뭔가 어색해요. 분명히 많이들 쓰는 폰트인데, 내 화면에선 답답하거나 너무 빽빽해 보이거나.

그게 폰트 탓이 아닐 수도 있어요.

실제로 나눔고딕과 Noto Sans KR을 나란히 놓으면 같은 포인트 크기인데 하나가 훨씬 더 크게 보여요. 같은 12px인데 말이에요. "내 눈이 이상한가?" 싶었는데, 알고 보니 폰트가 설계된 방식이 달라서 생기는 차이더라고요.

"좋은 폰트"를 가져왔는데 왜 내 화면에선 안 맞나

폰트 추천 글에서 1등 찍은 폰트를 그대로 적용했는데도 내 글이 답답해 보이는 건, 폰트가 나쁜 게 아니라 그 폰트가 설계된 상황과 내가 쓰는 상황이 다른 것이에요.

추천 목록은 보통 폰트 자체의 완성도를 평가하지, 내 콘텐츠의 크기·매체·독자층과 맞는지를 알려주지 않아요. 일반적으로 "가독성 좋다"는 평가를 받는 폰트도, 8pt 인쇄 문서에 쓰면 얇은 획이 사라지거나 자소가 뭉쳐 보일 수 있어요. 반대로 화면에서 빽빽해 보인다고 인쇄용 명조로 바꾸면, 저해상도 모니터에서 오히려 더 읽기 어려워지죠.

이 문제를 근본부터 풀려면 폰트 설계자가 실제로 어떤 변수를 조율하는지 알아야 해요. 변수를 알고 나면, 추천 목록 없이도 내 상황에 맞는 폰트를 직접 판단할 수 있거든요.

폰트 안에서 실제로 조율되는 네 가지 변수

판독성(Legibility)과 가독성(Readability)은 다른 개념이에요. Google Fonts Knowledge에서도 이 둘을 따로 설명해요. 판독성은 글자 하나를 얼마나 정확하게 식별하는지, 가독성은 단락 전체를 얼마나 편하게 읽는지의 문제예요. 장식이 많은 디스플레이 폰트는 제목 한 줄에선 판독성이 높지만, 본문 단락으로 쓰면 금세 눈이 피로해지죠.

폰트 설계자는 아래 네 가지 변수를 조율해서 이 둘 사이의 균형을 잡아요.

글자 몸통 비율(em box 대비)

영문 타이포그래피에서 x-height는 소문자 몸통이 차지하는 높이예요. 한글은 대소문자 구분이 없는 네모틀 구조라 직접 적용되진 않지만, 글자틀(em box) 안에서 실제 글자가 차지하는 비율이 비슷한 역할을 해요. KCI 등재 논문에 따르면 글자틀높이를 활자틀높이 대비 90% 이상으로 설정해야 폰트 간 크기 호환이 어긋나지 않는다고 해요. 같은 12px인데 나눔고딕이 Noto Sans KR보다 작아 보이는 건, 이 비율 설계가 달라서예요.

열린 틈(어퍼처)

어퍼처(aperture)는 획이 열려 있는 부분의 폭이에요. 영문의 'c', 'e'에서 잘 드러나고, 한글에선 'ㄹ'의 꺾임 부분이나 'ㅂ', 'ㅎ' 내부 공간에서 비슷한 원리가 작동해요. 이 틈이 좁으면 소형 크기나 저해상도에서 유사 자소끼리 뭉쳐 보여요. 'ㄹ'과 'ㄷ'이 구분 안 가거나 'ㅂ' 안쪽이 막혀 보이는 증상이 대표적이에요.

굵기 차이(획 대비)

획 대비(stroke contrast)는 가장 굵은 획과 가장 얇은 획의 두께 차이예요. 명조(Serif)는 크고, 고딕(Sans-serif)은 작거나 거의 없어요. 웹·앱 본문에 고딕이 압도적으로 많이 쓰이는 건 트렌드가 아니라 구조적 이유가 있어요. 고대비 서체의 얇은 획은 저해상도 화면에서 그냥 사라져버리거든요. 반대로 인쇄물에서는 고대비 서체가 글자에 리듬감을 줘서 장문 독서 피로를 오히려 낮춰줘요. 한글은 받침이 있는 글자 구조상 획이 촘촘하게 쌓이는 경우가 많아서, 한글 명조 계열은 8pt 이하 인쇄에서 얇은 획이 먼저 사라지는 위험이 실제로 있어요.

글자 내부 흰 공간(카운터)

카운터(counter)는 'ㅇ', 'ㅁ', 'o', 'p'처럼 글자 안쪽에 둘러싸인 흰 공간이에요. 나눔고딕을 14px로 쓰다가 Noto Sans KR로 바꾸면 숨이 트이는 느낌이 드는데, 폰트를 바꿨더니 "글자가 더 선명해졌다"는 반응이 나오는 경우 대부분 이 카운터 차이가 원인이에요. 한글에서 'ㅇ'은 초성·중성·받침까지 한 글자 안에 여러 번 나올 수 있어요. '왕', '옹' 같은 글자를 작은 크기로 보면 내부가 빽빽하게 채워진 것처럼 보이는 게 이 때문이에요. 고령 사용자나 시각 저하 사용자에게는 이 차이가 특히 크게 느껴지고요.

'전부 고딕'이어도 설계 방향이 왜 이렇게 다를까

네 가지 변수를 알고 나면, 전부 고딕이라도 각 폰트가 어떤 상황을 위해 설계됐는지 보여요.

Noto Sans KR(본고딕)은 모바일 화면 최적화에 집중한 폰트예요. 글자 몸통이 em box 안에서 크고, 획 대비가 낮아 화면 가독성을 우선했어요. 카운터 공간이 넉넉한 편이라 작은 크기에서도 자소가 뭉치지 않아요. 복잡한 자소에서도 내부 공간을 충분히 확보해서 스마트폰 본문용으로 가장 널리 쓰이는 폰트 중 하나예요.

Pretendard는 본고딕 한글 구조를 기반으로 영문을 Inter에서 가져와 다듬은 폰트예요. 굵기가 9단계라 웹·앱 UI에서 계층 표현 폭이 넓고, system-ui 대체 글꼴로 설계돼서 화면 렌더링 최적화가 잘 되어 있어요. 한글·영문 혼용이 많은 서비스 UI에 특히 잘 맞아요.

KoPubWorld 돋움은 한국출판인회의(KOPUS)가 전자책·출판 환경에 맞게 설계한 폰트예요. 장문 읽기에 어울리는 설계라 전자책 리더기처럼 낮은 해상도 환경에서 빛을 발해요.

나눔고딕은 낮은 해상도 화면에서도 획이 유지되도록 힌팅 처리가 잘 되어 있고, 웹 본문과 인쇄물 모두에서 무난하게 쓸 수 있어요. 다만 글자 몸통 비율이 Noto Sans KR보다 작은 편이라, 같은 크기에서 조금 작아 보이는 건 감안해야 해요.

실수가 나는 지점이 여기예요. Noto Sans KR은 화면용으로 설계된 폰트인데, 이걸 8pt 인쇄 소책자에 그대로 쓰면 카운터 설계가 인쇄 환경에서 기대한 대로 작동하지 않을 수 있어요. KoPubWorld 돋움은 전자책 리더기 해상도를 기준으로 최적화된 폰트라, 고해상도 모니터에선 약간 심심하게 느껴지기도 하고요. "인기 폰트=내 상황에 맞는 폰트"라는 등식이 깨지는 게 딱 이 지점이에요.

이 폰트들의 사용 범위(웹·인쇄·영상·포장지·BI/CI)와 사용 조건은 폰트비에서 폰트 이름으로 검색하면 상세 페이지에서 바로 확인할 수 있어요.

내 폰트가 맞는지 스스로 진단하는 체크리스트 ✓

원리를 알고 나면 폰트를 직접 판단할 수 있어요. 용도별로 확인 포인트가 달라요.

소형 크기(12~14px) 화면 본문용

• 동일 크기 다른 폰트와 나란히 뒀을 때 글자가 작아 보이지 않는가 (em box 대비 몸통 비율)
• 'ㄹ', 'ㅂ', 'ㅎ', 'ㅇ' 같은 복잡한 자소가 뭉개지거나 달라붙어 보이지 않는가
• 얇은 획이 사라지지 않는가 (획 대비가 낮은 고딕 계열 권장)
• 유사 자형('ㅁ'과 'ㅂ', 'ㄹ'과 'ㄷ')이 서로 헷갈리지 않는가

인쇄 본문(8~10pt)용

• 인쇄 후에도 얇은 가로획이 살아있는가
• 'ㅇ', 'ㅁ' 같은 글자 내부가 작은 크기에서 메워 보이지 않는가 (카운터 공간)
• 종이 재질과 인쇄 방식에 획 대비가 맞는가 (고급지 → 세리프 허용, 저해상도 레이저 프린터 → 고딕 권장)

제목·캡션(16px 이상)용

• 이 크기에서는 얇은 획이 충분히 유지되는가
• 자간이 자연스러운가 (너무 좁으면 제목에서도 답답하게 느껴짐)
• 굵기(weight) 옵션이 있어 본문과 위계 구분이 가능한가

한 가지 더 — WCAG 2.1 기준에서 일반 본문 텍스트는 배경과 최소 4.5:1의 명도 대비가 필요해요. 18pt(굵은 14pt) 이상의 큰 텍스트는 3:1까지 완화되고요. 폰트 설계와 배경색 대비, 이 두 축이 같이 맞아야 진짜 가독성이 나와요.

추천 목록 없이도 직접 판단할 수 있게 되는 순서

폰트 추천 목록은 계속 바뀌어요. 새 폰트가 나오고, 트렌드가 이동하고, 플랫폼이 달라지면 추천도 달라지죠. 내 콘텐츠의 조건을 반영한 추천은 결국 내가 직접 해야 하고요.

판단 순서는 이래요. 먼저 매체를 정해요. 화면인지 인쇄인지에 따라 획 대비 기준이 뒤집히니까요. 다음으로 사용 크기를 확인해요. 12px 모바일 본문과 8pt 소책자 인쇄는 카운터와 어퍼처에서 요구하는 기준이 달라요. 마지막으로 대상 독자를 생각해요. 고령 독자나 시각 저하 사용자가 있다면 카운터 공간을 더 넉넉하게 잡아야 하고, 이 경우 글자 몸통 비율이 높은 폰트를 우선해야 해요.

이 순서로 접근하면, 어떤 새 폰트가 나와도 그 폰트가 내 상황에 맞는지 스스로 판단이 서요. 탐색 단계에서 폰트비에서 폰트 이름으로 검색하면 사용 범위 표시와 사용 조건까지 한 화면에서 확인할 수 있으니 참고해보세요.

참고자료

• W3C WCAG 2.1 명도 대비 기준: www.w3.org/TR/WCAG21
• Google Fonts Knowledge — How type influences readability: fonts.google.com/knowledge
• KoPubWorld 공식 배포 (한국출판인회의): www.kopus.org