같은 글자·문장·숫자로 서체 비교.
Every detail has a story. Slow down and let the page unfold.
강과 빛, 그리고 시간
글꼴 로드 후 전진 폭을 표시합니다.
다섯 예제는 같은 글과 크기를 사용합니다. 라틴 지원 문자는 표시된 서체, 한·일 문자는 Noto CJK로 표시합니다. 나머지는 대체 글꼴을 쓸 수 있습니다. 가이드는 문맥 안에서 측정하므로 연결 형태와 합자가 범위에 영향을 줄 수 있습니다.
본문 안의 가상 데모입니다. 초기화·새로고침으로 처음 상태로 돌아갑니다.
비례폭 글자는 서로 다른 전진 폭을 씁니다.
다섯 표본은 같은 문장, iiiWWW 0123, 숫자를 사용합니다. 표본 입력·크기·실측 폭 가이드·숫자 정렬을 조절합니다. 글자는 하나의 문자열로 연결 형태를 유지합니다. 초기화·새로고침하면 처음 글과 48px 크기로 돌아갑니다. 실측 i와 W의 전진 폭이 다르며 숫자는 별도로 열 정렬할 수 있습니다.
자연스럽게 이어지는 본문에 어울립니다. 지원 문자·숫자 기능이 다르므로 이름으로 추정하지 말고 로드된 서체를 측정하세요.
| 개념 | 특징 | 장점 | 제약 | 적합한 상황 | 조합 조건 |
|---|---|---|---|---|---|
| 비례폭 | 비례폭 글자는 서로 다른 전진 폭을 씁니다. | 서로 다른 전진 폭이 글자별 비율을 반영합니다. | 지원 문자·숫자 기능이 다르므로 이름으로 추정하지 말고 로드된 서체를 측정하세요. | 자연스럽게 이어지는 본문에 어울립니다. | 세리프·산세리프 모두 비례폭일 수 있고 숫자만 고정폭도 가능합니다. |
이 선택에 관한 이야기
세 언어가 댓글을 공유합니다. 작성하려면 GitHub 로그인이 필요합니다.