타이포グラ피 스ケ일 생성기 사용자 지정 기본 크기, 비율 및 단위를 갖춘 모듈러 타이포그래피 스케일을 생성합니다.
타이포그래피 스케일 생성기
사용자 지정 기본 크기, 비율 및 단위를 갖춘 모듈러 타이포그래피 스케일을 생성합니다.
기본 크기와 비율 설정
기본 폰트 크기와 수학적 배율을 선택하여 진행합니다.
출력 구성
단위(px, rem, em), 줄 높이 및 스케일 단계 수를 선택합니다.
CSS 복사
타입 스케일을 미리 보고 CSS 사용자 정의 속성을 복사합니다.
What Is 타이포그래피 스케일 생성기?
Typography Scale Generator는 수학적 비율, 즉 모듈러 스케일을 기반으로 조화로운 폰트 크기 세트를 생성합니다. 일관된 타이포그래피는 좋은 디자인의 기본입니다. 모듈러 스케일은 수학적 비례를 통해 자연스럽게 관련된 폰트 크기를 제공합니다. 이 도구에서는 8개의 클래식한 스케일 비율을 제공합니다: 마이너 세컨드(1.067), 메이저 세컨드(1.125), 마이너 서드(1.200), 메이저 서드(1.250), 퍼펙트 포스(1.333), 오그먼티드 포스(1.414), 퍼펙트 피프스(1.500), 그리고 골든 비율(1.618). 기준 크기에서 시작하여 각 단계는 선택한 비율로 곱해집니다. 출력에는 이름이 지정된 CSS 커스텀 속성(--font-size-xs부터 --font-size-5xl)이 포함되어 있으며, 사용자 선호도에 따라 단위가 지정됩니다. 또한 샘플 텍스트와 함께 각 크기를 표시하는 시각적 미리보기가 제공됩니다.
Why Use 타이포그래피 스케일 생성기?
-
음악과 디자인 이론에서 유래한 8가지 고전적인 수학적 배율
-
px, rem 또는 em 단위로 출력하여 다양한 프로젝트 요구 사항에 대응
-
조정 가능한 기본 크기, 줄 높이 및 단계 수
-
CSS 사용자 정의 속성으로 쉽게 통합할 수 있습니다
Common Use Cases
디자인 시스템 타이포그래피
일관된 타입 스케일을 디자인 시스템의 기초로 설정합니다.
새 프로젝트 설정
신규 웹 프로젝트를 시작할 때 조화로운 폰트 크기를 생성합니다.
블로그 및 기사 스타일링
장형 콘텐츠에 읽기 쉬운 타이포그래피 계층을 만듭니다.
반응형 타이포그래피
다양한 반응형 브레이크ポイント에서 사용할 수 있는 스케일 값을 생성합니다.
Technical Guide
모듈러 타입 스케일은 수학적 비율을 사용하여 일련의 비례 값을 생성합니다. 기준 크기(일반적으로 웹에서 16px)부터 시작하여, 각 단계는 비율로 곱해집니다. 메이저 서드(1.25) 스케일과 16px 기준 크기의 경우: 12.8px, 16px, 20px, 25px, 31.25px, 39.06px입니다. 비율은 크기 간의 대조를 결정하며, 작은 비율(1.067, 1.125)은 본문 텍스트에 적합한 미묘한 차이를 생성하고, 큰 비율(1.5, 1.618)은 디스플레이 타이포그래피에 적합한 극적인 차이를 생성합니다. 인기 있는 비율은 음악 이론(마이너 서드, 퍼펙트 포스, 퍼펙트 피프스)과 수학(골든 비율)에서 유래됩니다. 웹 구현의 경우, 크기를 CSS 커스텀 속성으로 정의하고 스타일시트 전반에 사용합니다. 접근성을 위해 rem 단위를 선호하며, 이는 사용자의 폰트 크기 설정을尊重합니다. 줄 높이는 일반적으로 폰트 크기가 증가함에 따라 감소해야 하며, 본문 텍스트의 경우 1.5, 큰 제목의 경우 1.1-1.2를 권장합니다.
Tips & Best Practices
-
1대부분의 웹 프로젝트에 Major Third (1.25) 또는 Perfect Fourth (1.333)를 사용하세요
-
2접근성이 뛰어난 타이포그래피를 위해 rem 단위를 사용하세요
-
3더 큰 제목(1.1-1.2)에 대한 줄 높이를 감소시키고 본문(1.5-1.7)에 대해 증가시킵니다
-
4관리하기 쉬운 타이포그래피 계층을 위해 5-7개의 스케일 단계를 사용하세요
Related Tools
Frequently Asked Questions
Q 모듈러 스케일이란 무엇인가?
Q 어떤 비율을 선택해야 하나요?
Q px 또는 rem 중 어떤 것을 사용해야 하나요?
Q 몇 단계의 스케일이 필요합니까?
Q 모바일과 데스크톱에 다른 스케일을 사용할 수 있나요?
About This Tool
타이포그래피 스케일 생성기 is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.