한글 주석을 길게 쓰거나 출력 결과를 표처럼 맞추면 글자 폭 차이가 보입니다. 영문 한 글자를 한 칸으로 볼 때 한글 한 글자가 두 칸을 차지하는지 확인하세요. 한글이 한 칸 반처럼 보이면 공백으로 맞춘 열이 아래 줄에서 어긋납니다. 편집기와 터미널의 대체 글꼴 설정도 결과에 영향을 줍니다.
고를 때 확인할 일곱 가지
- 한글과 영문의 폭: 같은 크기에서 한글 하나가 영문 두 칸을 차지하는지 봅니다. 한글 주석과 영문 변수명이 섞인 줄로 시험하세요.
- 닮은 글자: 숫자 0과 대문자 O, 숫자 1과 소문자 l, 대문자 I를 나란히 놓습니다. 오류 메시지와 식별자를 읽을 때 구별돼야 합니다.
- 작은 문장부호: 쉼표, 세미콜론, 마침표를 실제 편집 크기로 봅니다. 낮은 해상도에서는 점의 위치 차이가 흐려질 수 있습니다.
- 괄호 짝: (), [], {}를 연달아 놓고 여는 모양과 닫는 모양을 빠르게 찾을 수 있는지 봅니다.
- 굵기: 보통과 굵은 글씨가 모두 있으면 검색 결과나 강조 표시가 흐릿하지 않습니다. 굵은 파일이 없을 때 프로그램이 흉내 낸 모양도 확인하세요.
- 줄 간격: 한글 받침과 다음 줄 글자가 붙지 않는지 봅니다. 글꼴 크기와 줄 간격은 따로 조절하며, 줄을 몇십 줄 펼친 상태에서 판단하세요.
- 합자: 여러 기호를 하나처럼 그리는 기능입니다. 원래 입력한 기호를 하나씩 읽는 편이 좋다면 끄세요. 취향의 문제이며 폭 검사를 대신하지는 않습니다.
편집기와 터미널에 지정하기
먼저 하다 모노의 글꼴 파일을 설치하고 앱을 다시 열어 목록에 나타나는지 봅니다. 웹페이지에서 쓰는 글꼴과 컴퓨터에 설치한 글꼴은 별개입니다. 편집기의 글꼴 목록에는 대체 글꼴도 남겨 두면 빠진 글자를 표시할 수 있습니다. 다만 대체된 글자는 폭이 달라질 수 있으므로 줄맞춤은 다시 확인해야 합니다.
- VS Code: 명령 팔레트에서 사용자 설정 파일을 열고 아래 값을 넣습니다. 내장 터미널의 글꼴 설정이 비어 있으면 편집기 글꼴을 따르지만, 이미 값이 있을 수 있으므로 둘 다 지정합니다.
{
"editor.fontFamily": "'Hada Mono', monospace",
"editor.fontLigatures": false,
"terminal.integrated.fontFamily": "'Hada Mono', monospace"
}하다 모노에는 합자가 없어 editor.fontLigatures 설정은 영향을 주지 않습니다. 대체 글꼴이 합자를 그릴 때를 대비해 꺼 두었습니다.
- JetBrains 계열 편집기: 설정의 편집기 글꼴에서 Hada Mono를 고릅니다. 콘솔은 색상 구성표 아래의 콘솔 글꼴에서 따로 지정하고, "기본값 대신 콘솔 글꼴 사용" 항목을 확인하세요. 글꼴이 목록에 없다면 설치 뒤 앱을 다시 시작하세요.
- Windows Terminal: 모든 프로필에 적용하려면 설정의 프로필 목록 아래 "기본값" → 모양 → 글꼴에서 Hada Mono를 고르거나, 설정 파일의
profiles.defaults.font.face에 지정합니다. 개별 프로필의 글꼴 설정이 있으면 그 값이 우선합니다. - iTerm2: 설정의 프로필별 텍스트 항목에서 기본 글꼴을 고릅니다. Non-ASCII font(영문 외 글꼴)를 따로 지정했다면 한글이 다른 글꼴로 그려질 수 있으니 그 항목도 확인하세요.
- GNOME Terminal: 환경설정에서 사용 중인 프로필의 텍스트 항목으로 들어가 사용자 지정 글꼴을 켜고 선택합니다. 다른 프로필을 열었다면 그 프로필도 각각 확인하세요.
같은 문장으로 폭을 확인하기
다음 표본을 편집기와 터미널에 붙여 넣고 세로줄이 이어지는지 보세요. 첫 줄의 한글 두 글자와 영문 네 글자가 같은 폭으로 놓여야 합니다. 브라우저에서는 이 표본에 하다 모노를 적용했습니다.
| 한글 | code | 상태 |
| 가나 | abcd | 통과 |
| 다라 | 0123 | 대기 |
// 한글 주석: 0 O 1 l I , ; . () [] {}표본을 볼 때는 세로줄 사이의 공백 개수를 고치기 전에 같은 글꼴과 크기가 적용됐는지 확인하세요. 편집기에서 탭 문자를 썼다면 탭 너비 설정도 비교해야 합니다. 탭은 고정된 공백 몇 개가 아니라 다음 탭 위치까지 이동하므로, 줄의 시작 위치가 다르면 결과도 달라집니다. 폭만 검증할 때는 우선 공백 문자로 표를 만들고, 눈에 보이지 않는 공백과 탭을 표시하는 기능을 켜면 원인을 찾기 쉽습니다.
가로 칸은 맞는데 특정 글자만 위아래로 튄다면 글꼴이 없는 문자에 대체 글꼴이 쓰였는지 확인하세요. 한자와 그림 문자는 앱과 운영체제의 대체 방식에 따라 모양이나 칸 수가 달라질 수 있습니다. 그림 문자는 특히 색상 글꼴로 바뀌므로 표의 구분자로 쓰지 않는 편이 안전합니다.
어긋날 때 다시 볼 설정
한글 열이 밀리면 실제로 선택된 글꼴과 대체 글꼴을 먼저 확인합니다. 터미널은 문자별 칸 수를 자체적으로 정하기도 하므로 글꼴의 윤곽 폭과 화면의 칸 수가 항상 같은 뜻은 아닙니다. 영문과 한글 모두 일정하게 어긋난다면 자간이나 셀 간격을 기본값으로 돌려 시험하세요. 굵은 글씨만 번져 보이면 굵은 파일이 설치됐는지, 앱이 합성 굵기를 쓰는지 살펴봅니다.
줄 간격이 답답하다고 글꼴을 바로 바꿀 필요는 없습니다. 편집기에서 줄 높이를 한 단계 올리고, 터미널에서는 프로필의 셀 높이를 조절해 보세요. 반대로 글자가 가로로 겹친다면 크기만 줄여 보기보다 먼저 문자 간격과 확대 비율을 기본값으로 되돌리는 편이 원인을 가리기 쉽습니다. 설정을 바꿀 때는 한 항목씩 적용하고 위 표본을 다시 붙여 넣으세요.
춤추는사람들 고정폭은 발표 화면이나 시연 영상처럼 글자에 움직임을 주고 싶을 때 쓸 수 있습니다. 글꼴을 설치하는 것만으로 글자가 움직이지는 않습니다. 웹페이지처럼 가변축을 조절할 수 있는 환경에서 DANC 값을 시간에 따라 바꿔야 합니다. 움직이는 동안에도 영문 한 칸과 한글 두 칸의 전진 폭을 유지합니다. 편집기에서 오래 읽는 코드에는 먼저 움직임이 없는 글꼴로 줄과 문장부호를 확인하세요. 글꼴을 고르는 다른 기준은 용도별로 글꼴 고르는 법에서 볼 수 있습니다.