다국어 타이포그래피 — 한글·영문·숫자가 한 화면에 있을 때

한 화면에 한글과 영문, 숫자가 함께 놓이는 순간 타이포그래피는 훨씬 까다로워진다. 다국어 타이포그래피는 각 문자 체계를 따로 예쁘게 만드는 일이 아니라, 서로 다른 구조를 가진 문자들이 나란히 있을 때도 하나의 리듬으로 읽히게 만드는 일이다.

1. 한글과 라틴 문자는 태생부터 다르다

한글은 자음과 모음이 정사각형 틀 안에 조합되는 블록형 문자다. 그래서 같은 포인트 크기라도 라틴 알파벳보다 시각적으로 크고 무거워 보인다. 획의 굵기 대비가 적고 글자 사이 여백이 일정한 편이라, 라틴 서체와 나란히 쓰면 한글 쪽이 상대적으로 더 진하고 답답하게 느껴지는 경우가 많다. 반대로 라틴 문자는 대소문자와 어센더·디센더가 있어 세로 방향으로 리듬이 더 다채롭다.

이 차이 때문에 같은 포인트 크기의 한글 서체와 라틴 서체를 나란히 놓으면 둘 중 하나가 더 커 보이거나 작아 보이는 착시가 자주 발생한다. 좋은 다국어 서체 조합은 포인트 크기를 기계적으로 맞추는 대신, 실제 화면에서의 시각적 크기(옵티컬 사이즈)를 맞추는 것을 목표로 한다.

2. 숫자는 또 다른 문제다

본문에 섞여 나오는 숫자는 한글이나 라틴 알파벳보다 더 조용히 문제를 일으킨다. 라이닝 숫자는 대문자와 높이가 같아 표나 가격 표기처럼 세로로 정렬해야 하는 곳에 어울리고, 올드스타일 숫자는 소문자처럼 높낮이가 있어 본문 문장 속에 섞여도 튀지 않는다. 한글 본문 속에 라틴 숫자를 그대로 끼워 넣으면 숫자만 유독 크거나 가늘어 보이는 경우가 흔한데, 이는 대부분 서체가 기본으로 제공하는 숫자 스타일을 그대로 썼기 때문이다.

표와 데이터가 많은 콘텐츠라면 자릿수가 달라져도 폭이 고정된 표 숫자(tabular figures)를 쓰는 편이 정렬을 안정적으로 유지한다. 자릿수 폭이 저마다 다른 비례 숫자를 표에 쓰면 숫자가 늘어날 때마다 열이 흔들리는 문제가 생긴다. 최근 배포되는 상당수의 한글 웹폰트는 라이닝·올드스타일, 비례·표 숫자를 오픈타입 기능으로 함께 제공하므로, 폰트를 새로 만들기보다 이미 있는 기능을 제대로 켜서 쓰는 것만으로 해결되는 경우가 많다.

본문 조판 전 확인할 것

3. word-break와 줄바꿈의 함정

한글은 단어 중간에서 줄바꿈이 일어나도 읽는 데 큰 무리가 없지만, 라틴 문자가 섞인 문장에서 영어 단어나 숫자 중간이 잘리면 가독성이 크게 떨어진다. 그래서 한글 본문에는 단어 중간 줄바꿈을 막는 설정을 기본으로 걸어두되, 지나치게 긴 영문 단어나 URL이 레이아웃을 깨지 않도록 예외 처리를 함께 준비해야 한다. 이 둘을 동시에 만족시키는 설정을 찾지 않고 하나만 적용하면, 한글은 깔끔한데 영문 URL이 화면 밖으로 삐져나가는 문제가 흔히 발생한다. 브랜드명이나 제품명처럼 절대 줄바꿈되면 안 되는 짧은 문구는 별도의 줄바꿈 방지 처리를 걸어두는 편이 안전하다.

4. 브랜드마다 조합을 다르게 가져가는 이유

한글과 라틴 서체의 조합은 브랜드 톤에 따라서도 갈린다. 획 대비가 뚜렷하고 세리프가 있는 라틴 서체는 명조 계열 한글과 짝지어 클래식하고 격식 있는 인상을 만들고, 획이 균일한 산세리프 라틴 서체는 고딕 계열 한글과 만나 정돈되고 현대적인 톤을 만든다. 두 계열을 서로 어긋나게 짝짓는 실수도 흔한데, 예를 들어 장식적인 라틴 세리프체를 두껍고 각진 고딕 한글과 나란히 쓰면 두 문자가 서로 다른 시대에서 온 것처럼 어색하게 충돌한다.

5. 마치며

다국어 타이포그래피는 한글과 영문 서체를 각각 고르는 일이 아니라, 두 문자 체계가 한 화면 안에서 같은 무게로 읽히도록 조율하는 일이다. 옵티컬 사이즈와 숫자 스타일처럼 눈에 잘 띄지 않는 디테일이 실제로는 한 화면 전체의 인상을 좌우한다. 서체를 정하는 단계에서 시간을 조금 더 들이는 대신, 런칭 이후 곳곳에서 어색한 조합을 하나씩 고쳐야 하는 수고를 줄일 수 있다는 점을 기억해두면 좋다.