Darker cells mean a higher score for this topic on that metric.
LessMore
Last reviewed Sources & creditsMedia creditsMethodology
Quick answers
When should I pick Typography scale?
When the story is: decks, handouts, classroom posters, resume headers.
When should I avoid Typography scale?
Skip it in cases like: random point sizes per slide with no shared ratio.
Who invented or popularised it?
Classical modular scales; modern UI ramps in open font ecosystems
What does it encode?
relative font sizes on a ratio (major third, perfect fourth, etc.)
Is it OK in ads?
Yes if one claim is visible at a glance in Meta, Google and retail print; otherwise link to a full figure.
Will a teacher accept it?
Yes for lab reports and poster boards if axes, units and a source line are present.
Typography scale encodes values as relative font sizes on a ratio (major third, perfect fourth, etc.). Classical modular scales; modern UI ramps in open font ecosystems.
In reports, ads and assignments it fits decks, handouts, classroom posters, resume headers. Skip it when random point sizes per slide with no shared ratio.
Software
- Inter — Highly readable UI font often used for product and deck body text. · OFL-1.1 · github.com/rsms/inter
- Google Fonts catalog — Browse OFL faces; always check each family license file. · OFL (varies) · github.com/google/fonts
- IBM Plex — Open corporate type family good for reports and slides. · OFL-1.1 · github.com/IBM/plex
- Recursive — Variable font spanning sans to mono for mixed UI and code. · OFL-1.1 · github.com/arrowtype/recursive
- Utopia core — Fluid type and space scales for responsive layouts. · MIT · github.com/trys/utopia-core
Exports
- Exports 1 — SVG
- Exports 2 — PDF
- Exports 3 — EMF/SVG into slides (no screenshots)
- Exports 4 — SVG for web, PDF for print
Accessibility
- Accessibility 1 — Never hue alone. Stack pattern, label and position.
- Accessibility 2 — 4.5:1 for text, 3:1 for large marks.
- Accessibility 3 — Short alt text on the chart; numbers also as an HTML table.
- Accessibility 4 — Motion only as emphasis. Honour prefers-reduced-motion.
Typography scale: honour relative font sizes on a ratio (major third, perfect fourth, etc.), and switch when random point sizes per slide with no shared ratio.