font-size sets the scale of the glyphs, while line-height sets the vertical rhythm.
로컬 CSS 타이포그래피 생성기
실시간 미리보기로 읽기 좋은 CSS 타이포그래피 조정
샘플 문장에 글자 크기·행간·자간·굵기·정렬을 적용하고 CSS 선언을 복사하세요.
* 모든 처리는 브라우저에서 진행됩니다. 텍스트는 업로드되거나 저장되지 않습니다.
CSS 준비 완료
font-size: 48px; line-height: 1.1; letter-spacing: -1.2px; font-weight: 700; text-align: center;Make every word count.
QUICK GUIDE
타이포그래피는 관계의 시스템입니다
Letter spacing changes the texture of a line; negative values can tighten display text.
Weight affects emphasis and density, but available results depend on the chosen font.
Preview the actual words you plan to use because line breaks change as the type settings move.
FAQ
Typography questions
What is a good line height?
Body copy often needs more leading than display text. Start near 1.4–1.6 for paragraphs and tighten headings as needed.
Why does letter spacing matter?
It changes the visual rhythm between characters. Small adjustments are more predictable than large ones.
Does this choose a font?
No. TypoBox tunes metrics around your current font stack. Apply the output to your chosen font family.