Inter 리뷰: 한글 화면에서 폴백을 어떻게 설계할까

Inter는 한국어 화면에서 단독 한글 서체가 될 수 없다. 획획클럽 미리보기 자산에 현대 한글 음절과 한글 호환 자모가 하나도 없기 때문이다. CSS에 Inter만 지정해도 한국어가 보이는 것은 브라우저가 다른 한글 서체로 폴백하기 때문이다. 따라서 Inter를 고르는 일은 영문·숫자용 서체와 한글 폴백 서체를 함께 정하는 일이다.

Monthly revenue reached 128,400 USD in March, up 12.8% from February.

실제 문장으로 보는 인상

라틴 소문자 x의 높이는 0.5459em이고 대문자 높이는 0.7275em이다. 라틴 표본 Hamburgefonstiv의 폭은 8.1309em이다. 작은 영문 라벨은 x-height와 폭을 함께 봐야 한다. 실제 제품 크기에서도 글자 사이가 답답하거나 벌어지지 않는지 살핀다.

기본 줄 높이 지표는 1.21em이다. 이는 파일 내부 수치이며 모든 브라우저와 문서 도구가 line-height: normal을 정확히 1.21로 계산한다는 뜻은 아니다. 영문 본문에는 제품의 줄 높이를 명시하고, 한글 폴백 서체와 섞였을 때 기준선과 문단 높이가 어긋나지 않는지 확인해야 한다.

Weekly Active Users 42,910 · Conversion Rate 3.7%

잘 맞는 곳

한글 폴백은 x-height 하나로 정할 수 없다. x-height는 라틴 소문자 지표이므로 한글의 시각 크기를 직접 말해 주지 않는다. Inter의 라틴과 후보 한글 서체를 한 문장에 섞고, 한글 높이와 영문 높이, 기준선, 숫자 폭, 줄 높이를 동시에 비교해야 한다.

피하는 편이 나은 곳

한국어 제목이나 본문 전체에 Inter를 지정하고 끝내면 실제 한글 모양은 운영체제와 폴백 목록에 따라 달라질 수 있다. CSS의 폰트 스택에 한글 서체를 명시하고, 배포 환경에서 그 파일이 실제로 로드되는지 확인해야 화면 간 차이를 줄일 수 있다.

Interface labels must stay clear at small sizes, with numbers aligned and states easy to scan.

실무에서 확인할 것

측정값은 획획클럽이 미리보기에 사용하는 굵기 400 정적 WOFF2 자산 한 개의 값이다. 파일 크기는 23.1KiB이고 매핑된 코드포인트는 231개다. 라틴 기본 95자를 모두 담고 라틴-1 보충은 96자 중 95자를 포함하지만, 현대 한글 11,172자와 호환 자모 94자는 모두 0자다.

카탈로그의 배포 패밀리는 100부터 900까지 아홉 굵기와 가변 폰트로 기록돼 있다. 미리보기 자산은 Regular 한 파일이며 가변 축이 없다. 이 글에서 보이는 폭과 줄 지표는 전체 패밀리나 다른 언어용 배포 파일의 고정값이 아니다.

비슷한 폰트와 비교하기

영문과 한글이 섞인 실제 문구를 만든 뒤 폴백 후보를 본고딕, 프리텐다드, SUIT 순으로 바꿔 보면 된다. 영문만 Inter로 남는지, 한글 크기와 기준선이 자연스러운지, 줄바꿈이 원하는 위치에서 일어나는지를 한꺼번에 볼 수 있다.

후보가 두 개로 좁혀졌다면 실제 시안에서 결론을 내릴 차례다. Inter 상세에서 폰트를 후보에 담고 폰트 시뮬레이터를 열자. 같은 크기로 맞춘 뒤 영문과 한글의 기준선, 숫자 폭, 폴백 뒤의 줄바꿈 순으로 보면 선택 근거가 남는다.