editor: 팟파린
태국어 블로그를 운영하다 보면 같은 문장을 여러 폰트로 바꿨을 때 읽기 편한 폰트와 그렇지 않은 폰트가 극명히 갈리는 경험을 하셨을 거예요. 저도 처음엔 깜짝 놀랐어요! 이 글에서는 왜 태국어가 폰트에 따라 읽기 힘들어지는지, 기술적·디자인적 원인을 차근히 설명하고, 블로그 운영자가 실제로 적용할 수 있는 실전 팁을 정리합니다. 전문 용어는 쉬운 말로 풀어 드리고, 가능한 최신 웹 환경 기준(2025년 기준)을 반영했습니다.
문자 구조 자체가 복잡해서 발생하는 문제
자음과 모음, 성조표의 배치가 독특합니다
태국어는 44개의 자음 기호와 여러 개의 모음 표지, 그리고 성조(톤)를 표기하는 기호가 함께 쓰입니다. 모음 기호는 자음의 왼쪽, 오른쪽, 위, 아래 어디에나 붙을 수 있고, 성조표는 위에 배치됩니다. 이런 결합은 같은 음절 안에서도 글자들이 수직·수평으로 겹치게 만들기 때문에 글자 크기와 자간, 줄간격에 민감합니다.
연결과 분절이 시각적으로 불분명할 때가 많습니다
태국어는 단어 사이에 빈 칸을 거의 사용하지 않아(일부 구두점과 문장 경계에서만 사용) 글자끼리 이어진 흐름 속에서 단어 경계를 찾아야 합니다. 글리프(글자 모양)의 폭과 모양이 다양하면 경계 판별이 힘들어져 가독성이 떨어집니다. 따라서 폰트 디자인이 단순히 미적인 요소를 넘어서 읽기 편의성에 직접 영향을 줍니다.
폰트 디자인과 렌더링 엔진의 상호작용 문제
OpenType 기능과 합성 문자의 처리 방식 차이
현대의 태국어 폰트는 OpenType의 합성 규칙을 사용해 모음과 성조를 적절한 위치에 배치합니다. 하지만 모든 렌더러(브라우저나 운영체제의 텍스트 엔진)가 같은 규칙을 동일하게 해석하지는 않습니다. 일부 환경에서는 성조가 너무 위로 올라가거나 아래로 내려가서 다른 줄과 충돌하는 일이 발생합니다.
글리프 커버리지와 폰트 대체로 인한 비일관성
어떤 폰트는 모든 태국어 결합 문자를 완벽히 포함하지 않을 수 있고, 그 경우 시스템이 대체 폰트를 불러와 혼합된 모양을 만듭니다. 이때 각 폰트의 높이·비율·획의 굵기가 달라져서 같은 문장도 불균형하게 보입니다. 모바일과 데스크톱, 안드로이드와 iOS에서 보이는 결과가 달라지는 주된 이유 중 하나입니다.
폰트 선택과 웹 적용 시 고려할 점
|
핵심 정리Terracotta Tile
|
|
|---|---|
| 1. 가독성 테스트 항목 | |
| 2. 호환성 점검 항목 |
실무에서 폰트를 고를 때는 두 축을 함께 점검해야 합니다. 먼저 가독성 테스트는 다양한 글자 조합(성조와 모음이 복합된 음절)을 쓰고 작은 크기, 중간 크기, 큰 크기에서 읽기 편한지 확인합니다. 다음으로 호환성 점검은 대상 플랫폼(윈도우, 맥, 안드로이드, iOS)과 브라우저(Chrome, Safari, Firefox 등)에서 폰트 렌더링이 일관적인지 확인합니다. 특히 모바일 화면에서 성조가 다른 줄과 겹치지 않는지 꼭 확인하세요. |
웹에서의 실무 팁
|
🤯 필수 체크리스트Memo
|
|---|
| 1신뢰할 수 있는 웹폰트를 사용하세요. 예: Google의 Noto Sans Thai, Sarabun 계열처럼 태국어 지원이 확실한 폰트. |
| 2@font-face를 쓸 때는 필요한 문자셋만 서빙하도록 서브셋을 만들고 font-display: swap을 설정해 레이아웃 붕괴를 줄이세요. |
| 3CSS에서 line-height를 충분히 주어(예: 1.5 이상) 성조와 위아래 행의 충돌을 방지하세요. letter-spacing(자간)도 적절히 조절하면 단어 경계 인식이 쉬워집니다. |
| 4폰트 스택에 비슷한 메트릭(metric)을 가진 폰트를 추가해 대체 시 레이아웃 변화를 줄이세요. |
| 5가능하면 텍스트를 SVG로 변환해 고정 레이아웃을 만들지 말고, 텍스트는 항상 텍스트로 남겨 검색과 접근성을 보장하세요. |
실무에서 마주치는 사례별 해결 방안
작은 폰트 크기에서 성조가 겹칠 때
해결책은 크기를 키우거나 line-height를 늘리는 것이지만, 디자인 제한이 있다면 폰트 자체를 변경하는 편이 더 효과적입니다. 일부 폰트는 작은 크기에서도 성조가 명확히 보이도록 설계되어 있습니다.
폰트가 일부 글자를 표시하지 못할 때
이 경우 브라우저가 자동으로 다른 폰트를 불러와 섞어 놓습니다. 가장 안전한 방법은 폰트의 글리프 커버리지를 확인하고 부족하면 웹폰트 제공자에게 문의하거나 대체 폰트를 미리 정해두는 것입니다.
브라우저마다 줄바꿈이 달라서 문단이 깨질 때
태국어는 단어 경계 자동 분석이 필요합니다. 최신 브라우저에서는 보다 나은 단어 분절을 제공하지만, 특정 레이아웃 요구가 있다면 JavaScript의 Intl.Segmenter를 이용해 단어 경계를 처리한 뒤 커스텀 렌더링을 적용할 수 있습니다.
태국어 폰트 난독성의 원인과 블로그 적용 요약

요약과 실천 체크리스트
|
🧐 요점만 간단히PIXEL
|
|---|
| 1문자 구조 이해: 성조와 모음의 위치가 다양하니 작은 크기에서 테스트하세요. |
| 2폰트 선택: 태국어 지원이 명확한 웹폰트를 우선하세요(Noto, Sarabun 등). |
| 3렌더링 검증: 주요 플랫폼·브라우저에서 시각적 일관성 확인. |
| 4CSS 조정: line-height, letter-spacing, font-family 스택으로 충돌을 줄이세요. |
| 5접근성 유지: 텍스트는 HTML 텍스트로 두고, 필요시 Segmenter로 분절 처리하세요. |
결국 태국어 가독성 문제는 ‘문자 자체의 물리적 복잡성’과 ‘폰트·렌더러 간의 미세한 차이’가 결합해 나타납니다. 디자인적 결정(예: 아주 가는 서체 사용)과 기술적 선택(예: 부정확한 글리프 포함 폰트 사용)이 겹치면 읽기 어려움이 커집니다. 한 단계씩 차근히 점검하면 독자에게 더 편안한 읽기 환경을 제공할 수 있습니다.
📚 참고 자료
Sources
🗃️ :: 관련 포스팅 모아보기 ::
Sources
