Typography Scale Calculator
Modular Scale
Generate a type scale from a base size and ratio
Font Size Converter
Convert between px, rem, em, and pt
Line Height Calculator
Calculate optimal line height for readability
Formula
Scale Size = Base × Ratio^step | REM = px / root size | Line Height = base ratio + length adjustment + size adjustment
Frequently Asked Questions
What is a typographic scale?
A typographic scale is a set of harmonious font sizes generated by multiplying a base size by a consistent ratio. Common ratios include 1.250 (Major Third), 1.333 (Perfect Fourth), and 1.618 (Golden Ratio).
What is the best base font size for web?
16px is the default browser font size and works well as a base. For content-heavy sites, 18-20px improves readability. Mobile devices may benefit from slightly larger text.
What line height should I use?
For body text, use 1.4-1.6. For headings, use 1.1-1.3. Wider columns need more line height. Smaller text needs relatively more spacing. Always test with your actual typeface.
You may also need
~
Golden Ratio Calculator
Free golden ratio calculator. Calculate golden ratio proportions, golden rectangle dimensions, and Fibonacci-based design measurements.
Everyday~
Color Contrast Ratio Calculator
Free WCAG color contrast ratio calculator. Check text and background color combinations for accessibility compliance with AA and AAA standards.
Everyday~
Design Grid Calculator
Free design grid calculator. Calculate column widths, gutters, and margins for responsive web layouts and print design grids.
Everyday