타입 스케일 생성기

이 도구 소개

타입 스케일 생성기는 기준 글꼴 크기와 비율(Minor Second 1.067부터 황금비 1.618까지)로 모듈러 타이포그래피 스케일을 계산하고, 9단계 크기를 CSS 사용자 정의 속성으로 출력합니다.

사용 방법

1. 기준 글꼴 크기를 픽셀로 입력합니다(브라우저 기본값은 16 px).
2. Major Third(1.25) 같은 스케일 비율을 선택합니다.
3. 출력 단위를 rem, px, em 중에서 고릅니다.
4. CSS 변수 복사를 눌러 --xs부터 --4xl까지의 크기를 사용합니다.

알아두면 좋은 점

• 모듈러 스케일의 각 단계는 이전 크기에 같은 비율을 곱한 값입니다.
• 생성기는 기준보다 작은 2단계, 기준, 기준보다 큰 6단계로 총 9단계를 만듭니다.
• 작은 비율(1.067–1.2)은 정보가 촘촘한 인터페이스에, 큰 비율(1.333–1.618)은 큰 제목이 있는 읽을거리 페이지에 어울립니다.
• rem 값은 루트 글꼴 크기 16 px를 기준으로 계산합니다.
• rem을 쓰면 사용자의 브라우저 글꼴 크기 설정에 맞춰 텍스트 크기가 조절됩니다.

모든 처리는 브라우저 안에서 이루어집니다. 입력한 내용은 업로드되거나 저장되지 않습니다.

자주 묻는 질문