Your files stay on your device

Fluid typography calculator

Build a type scale of clamp() custom properties from a base size and ratio at two viewports, with a live preview and a zoom risk flag per step.

Enter both viewport setups.

This tool sizes text only, not line-height or letter-spacing. The vw term tracks the window, not a sidebar or container; container query units are the fix there and out of scope. The zoom figure is an approximation of page zoom, a heuristic next to WCAG 1.4.4 rather than an audit, so turn zoom on and look before you ship.
Options

More regex & cron tools

- Regex tester (/dev/regex-tester)
- Glob tester (/dev/glob-tester)
- Semver compare (/dev/semver)
All regex & cron tools (/dev)

Was this tool useful?
YesNo

Canonical HTML: https://nutter.tools/dev/fluid-typography-calculator
Markdown version: https://nutter.tools/dev/fluid-typography-calculator.md
Plain-text version: https://nutter.tools/dev/fluid-typography-calculator.txt
Agent index: https://nutter.tools/llms.txt