왜 필요한가

날씨 기록을 텍스트 표로 보여주는 화면을 만든다고 가정해 봅시다. 측정값을 열로 비교하려는데 라틴 글자 폭이 제각각이면 위치가 어긋납니다.

어떻게 해결하는가

날씨 기록의 시간·온도·바람 열을 읽습니다. 별도 실험에서 i와 W를 비교하고 표본과 실측 가이드를 조절합니다. 지원 라틴 문자는 전진 폭이 같으며 초기화하면 48px로 돌아갑니다.

날씨 기록 읽기와 고정 전진 폭 측정
관측 일지 / 가상 측정값

날씨 기록표

아침 관측 기록

TIME  TEMP  WIND
07:00 12.4C  NW03
08:00 14.1C  NW05
09:00 16.8C  W007

같은 전진 폭으로 텍스트 열을 맞춥니다.

선택형 글자 측정

iiiWWW 0123

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

111.11888.88123.45

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

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

무엇이라 부르는가

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

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

W3C