Calcupedia

Typography Scale Calculator

Design & Creative

Calculate font sizes for a modular typography scale based on a base size and scale ratio.

Ad · Billboard
px
8 px48 px
-510

Scaled Font Size

31.25

The font size at this number of steps above (or below, if negative) your base size, using the selected scale ratio.

Share result
Reload calculator
Clear inputs

Found this calculator useful?

From Scratch To $10K/Month In 60 Days

This is a proven money making system that takes students by the hand to make at least $10,000 per month, every month. Students get 12 weeks of guided coaching in addition to the "MPS Super Funnel" and tools.

We value your privacy and promise not to sell or misuse your information. Here's our privacy policy.

Calculator Stats

Odeh Ahwal

Creators

Odeh Ahwal
Reviewed and verifiedThis calculator was reviewed and verified by the Calcupedia due diligence team.

0people find this calculator helpful

Views

Helpful

Saved

Embeds

Like
Share
Embed this calculator
Cite
Save
Ad · 300×250
Ad · 300×250

Frequently Asked Questions

What is a modular typography scale?

A modular scale generates a consistent set of font sizes by repeatedly multiplying a base size by a fixed ratio, creating a harmonious size relationship across headings, body text, and captions throughout a design.

Which scale ratio should I choose?

Smaller ratios like 1.125 or 1.2 create subtle, closely-spaced size differences suited to dense interfaces, while larger ratios like 1.5 or the golden ratio create more dramatic size jumps suited to bold editorial or marketing designs.

What does a negative number of steps mean?

A negative step value calculates a font size smaller than the base size, useful for generating caption or fine-print sizes that follow the same proportional scale as your larger heading sizes.

Spot a mistake? Tell us what's wrong.

Don't see what you need?

Request a calculator. The most-requested ones get built first in our monthly batch.

Request a calculator

Want this calculator on your website?

Embed the Typography Scale Calculator on any site — no code needed. Customize colors, remove branding, and track usage.

Embed it free →
Embed on any platform — Next.js, React, Vue.js, PHP, Laravel, Shopify, Wix, Webflow, Squarespace, and more