왜 필요한가

긴 글을 글자 형태에 맞춰 자연스럽게 읽고 싶습니다. 좁은 글자와 넓은 글자에 같은 공간을 주면 간격이 어색해질 수 있습니다.

어떻게 해결하는가

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

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

글자가 차지하는 공간

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