Typography Scale Calculator
Scale Configuration
Base Size
px
rem
Line Height
Scale Ratio
Minor Second (1.067)
Major Second (1.125)
Minor Third (1.2)
Major Third (1.25)
Perfect Fourth (1.333)
Augmented Fourth (1.414)
Perfect Fifth (1.5)
Golden Ratio (1.618)
Heading Levels
Include Smaller Sizes
Generated CSS
/* Typography Scale */ :root { --font-base-size: 16rem; --line-height-base: 1.5; }
Copy CSS
Preview