왜 필요한가

코드와 텍스트 표에서는 글자의 위치가 맞아야 합니다. 라틴 문자의 폭이 제각각이면 열이 어긋납니다.

어떻게 해결하는가

다섯 표본은 같은 문장, iiiWWW 0123, 숫자를 사용합니다. 표본 입력·크기·실측 폭 가이드·숫자 정렬을 조절합니다. 글자는 하나의 문자열로 연결 형태를 유지합니다. 초기화·새로고침하면 처음 글과 48px 크기로 돌아갑니다. 지원되는 라틴 문자는 전진 폭이 같지만 대체 문자는 다를 수 있습니다.

같은 글자·문장·숫자로 서체 비교
JETBRAINS MONO / 조판 실험실

글자가 차지하는 공간

H

River, light & time

Every detail has a story. Slow down and let the page unfold.

강과 빛, 그리고 시간

iiiWWW 0123

글꼴 로드 후 전진 폭을 표시합니다.

111.11888.88123.45

다섯 예제는 같은 글과 크기를 사용합니다. 라틴 지원 문자는 표시된 서체, 한·일 문자는 Noto CJK로 표시합니다. 나머지는 대체 글꼴을 쓸 수 있습니다. 가이드는 문맥 안에서 측정하므로 연결 형태와 합자가 범위에 영향을 줄 수 있습니다.

본문 안의 가상 데모입니다. 초기화·새로고침으로 처음 상태로 돌아갑니다.

무엇이라 부르는가

고정폭 라틴 글자는 윤곽이 달라도 전진 폭이 같습니다.

한·일 문자, 이모지, 결합 문자, 대체 서체는 달라질 수 있어 지원 문자 집합을 확인하세요.

W3C