같은 크기를 입력해도 다르게 보여요
한글의 네모틀, 일본어 가나, 영문 소문자는 화면에서 차지하는 높이와 공간이 다릅니다. 크기 수치만 같게 두면 영문이 작거나 일본어가 무거워 보일 수 있어요. 먼저 같은 줄에 실제 문구를 놓고, 눈에 보이는 높이와 획의 밀도를 비교하세요. 크기와 굵기를 동시에 바꾸지 말고 한 조건씩 조정해야 차이를 판단하기 쉽습니다.
번역 세 줄보다 혼합 문장 한 줄
각 언어를 따로 확인한 뒤에는 ‘서울 Seoul / 東京 10:30’처럼 실제로 섞이는 문장을 만들어 보세요. 언어마다 폰트가 전환되는 지점에서 띄어쓰기, 괄호, 숫자 위치가 어색할 수 있습니다. 두 언어가 잘 맞는다고 세 언어 조합까지 같은 결과가 보장되지는 않아요. 주소와 날짜, 가격 같은 작은 정보도 포함해서 확인합니다.
한자가 있다고 일본어 지원이 끝나지는 않아요
자주 쓰는 글자가 보이더라도 사람 이름이나 지명에 필요한 한자가 없을 수 있습니다. ‘日本語’ 같은 짧은 예문만으로 지원 범위를 판단하지 말고 작업에 들어갈 원문 전체를 확인하세요. 일부 문자만 모양이 달라지면 대체 글꼴이 쓰였는지 살펴봅니다. 지원 언어 표시는 탐색의 출발점이며 필요한 모든 글자의 존재를 대신 증명하지는 않습니다.
웹에서는 언어 정보도 전달해 주세요
W3C는 문서와 일부 구간의 언어를 표시하는 것이 음성 출력, 글꼴 선택 등 언어에 따른 처리에 도움이 된다고 설명합니다. 일본어 문장에는 ja, 한국어에는 ko처럼 실제 언어를 지정하세요. 다만 lang 속성이 빠진 글리프를 만들어 주지는 않습니다. 올바른 언어 지정과 해당 문자를 가진 폰트 준비를 함께 해야 합니다.
실전 문제 해결
일본어 문장 중 이름 한 글자만 달라 보여요
몽글폰트가 만든 가상 편집 사례입니다. 수정 전후 문구는 사이트 기본 글꼴로 표시되며, 실제 고객 작업이나 효과 측정 결과가 아닙니다.
‘日本語’ 세 글자만 넣어 확인
실제 인명·지명·가격·괄호까지 확인
짧은 언어 예문은 전체 문자 수록 여부를 증명하지 않습니다. 특정 이름 한 글자가 다른 글꼴로 보충되면 높이와 굵기가 달라질 수 있습니다. 문자 존재 확인과 언어별 형태 선택을 구분해서 점검하세요.
직접 확인하는 순서
- 실제 번역문 전체를 준비하고 인명·지명·가격·문장부호를 빠뜨리지 않습니다.
- 특정 글자만 다른지 확인하고, 웹 작업이라면 개발자 도구의 실제 렌더링 글꼴 정보와 공식 수록 문자 자료를 대조합니다.
- 필요한 문자를 가진 패밀리를 후보에 넣습니다. 문서 언어를 올바르게 지정해도 누락된 글자가 새로 생기지는 않습니다.
- 선택 후에는 한글·일본어·영어가 섞인 문장으로 기준선, 괄호, 줄바꿈을 다시 비교합니다.
| 보이는 증상 | 먼저 바꿀 조건 |
|---|---|
| 이름의 한 글자만 굵기가 다름 | 해당 글자의 대체 글꼴 사용 여부를 확인합니다. |
| 글자는 있지만 지역별 모양이 다름 | 선택한 언어용 패밀리와 문서 언어 설정을 확인합니다. |
| 일본어로 바꾸면 안내 줄이 넘침 | 실제 번역 길이에 맞춰 공간과 줄바꿈을 조정합니다. |
사례 작성·수정 · MongleFonts
이 문장으로 비교해 보세요
몽글폰트가 작성한 배치 연습용 예문입니다. 아래는 사이트 기본 글꼴로 표시되며 특정 폰트의 견본은 아닙니다.
서울 Seoul / 東京
오늘의 전시 · Today’s show · 今日の展示
10:30–18:00 (입장 마감 17:30)
이 순서로 비교해 보세요
- ‘Noto’으로 검색해 후보를 좁힙니다.
- 미리보기 문장을 실제 다국어 작업에 넣을 내용으로 바꿉니다.
- 같은 크기에서 서너 개를 비교한 뒤 최종 매체에서 굵기와 간격을 조정합니다.
- 상세 페이지에서 지원 언어와 공식 배포처, 사용 방식에 맞는 라이선스를 확인합니다.
작업을 마치기 전
- 실제 번역문과 인명·지명을 넣어 봤나요?
- 숫자·괄호·문장부호가 어색하게 튀지 않나요?
- 각 언어의 지원 문자와 줄바꿈을 확인했나요?
실제 폰트로 이어서 비교하기
- Pretendard
프리텐다드를 웹·앱 화면에 쓸 때는 글꼴 이름보다 실제 불러온 굵기와 언어용 패밀리를 먼저 확인하세요. 짧은 버튼, 가격, 긴 안내 문장을 함께 비교하는 방법을 정리했습니다.
- D2Coding
D2Coding은 코드의 비슷한 문자와 열 정렬을 비교할 때 살펴볼 글꼴입니다. 일반 본문과 같은 기준으로 고르기보다 숫자·기호·한글 주석이 섞인 실제 코드로 확인하세요.
