Font Size Scale Generator

Generate a harmonious 8-step typographic scale from your base font size and a musical ratio. Preview each step and copy the CSS variables. Free, no signup.

A typographic scale creates visual hierarchy by establishing mathematically related font sizes. Musical ratios produce harmonious relationships between sizes. Using a defined scale ensures your typography feels intentional and cohesive across all screen sizes.