타이포그래피 스케일
기본 크기와 비율, 단계 수로 재사용 가능한 스케일을 만드세요.
CSS 변수
사용 방법
사용 방법
- 8~64px 기본 크기를 설정합니다.
- 1.05~3 비율과 2~12단계를 선택합니다.
- CSS 변수와 유동 값을 생성합니다.
기하 스케일
각 단계는 기본 크기에 비율의 단계 거듭제곱을 곱합니다.
반응형 CSS
각 단계에 범위를 둔 clamp 값을 출력합니다.
줄 높이 안내
line-height 1.5는 명시된 가정이며 서체에 맞게 조정하세요.
자주 묻는 질문
더 알아보기
비율은 무엇을 뜻하나요?
인접한 글자 크기 사이의 배수입니다.
반응형인가요?
기본 단계 이후 clamp 값을 포함합니다.
줄 높이를 바꿀 수 있나요?
예, 1.5는 시작 가정입니다.