왜 필요한가

긴 문단이 있는 정원 소식지를 만든다고 가정해 봅시다. 독자가 이어진 글을 읽을 때 좁고 넓은 글자에 같은 폭을 주면 간격이 어색해질 수 있습니다.

어떻게 해결하는가

정원 소식지를 읽고 별도 폭 실험을 봅니다. 로드된 Noto Sans에서 i와 W의 전진 폭은 다릅니다. 숫자는 따로 등폭 정렬할 수 있습니다. 자간을 바꾸는 것이 비례폭의 정의는 아닙니다.

정원 소식지 읽기와 문자별 전진 폭 비교
정원 소식 / 9월

정원에서 온 소식

선택형 글자 측정

iiiWWW 0123

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

111.11888.88123.45

폭 측정용 입력은 처음에 48px입니다. 라틴 지원 문자는 표시된 서체, 한·일 문자는 Noto CJK로 표시합니다. 나머지는 대체 글꼴을 쓸 수 있습니다. 가이드는 문맥 안에서 측정하므로 연결 형태와 합자가 범위에 영향을 줄 수 있습니다.

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

무엇이라 부르는가

비례폭 글자는 서로 다른 전진 폭을 씁니다.

지원 문자·숫자 기능이 다르므로 이름으로 추정하지 말고 로드된 서체를 측정하세요.

W3C