The clamp() value for 32–64px
With a viewport range of 320px to 1280px the result is clamp(2rem, 1.3333rem + 3.3333vw, 4rem). The size grows by 3.33px for every 100px of viewport width, reaching about 46.9px on a 768px tablet and 55.5px at 1024px, before it settles at 64px from 1280px upward.
The preferred value combines a fixed rem part with a vw part. The rem part keeps the text tied to the reader's browser font size; the vw part supplies the growth. Change the viewport fields above if your layout's container stops growing earlier or later.
When to use 32px to 64px
32 to 64px suits page titles and h1 headings on marketing sites. A 32px heading is bold on a phone; at 64px it anchors a full-width desktop hero section.
The maximum is 2× the minimum, within the 2.5× guideline often applied to WCAG 1.4.4 Resize Text, so browser zoom still enlarges this size predictably.
How the numbers are derived
Slope = (64 − 32) ÷ (1280 − 320) = 0.0333, which is 3.3333vw. Intercept = 32 − slope × 320 = 21.33px, or 1.3333rem with a 16px root font size. These two numbers form the middle argument of clamp(); the first and last arguments are your minimum and maximum converted to rem.
Using it in your project
Paste the value into a font-size declaration, store it in a custom property such as --fluid-size, or use the Tailwind class text-[clamp(2rem,1.3333rem_+_3.3333vw,4rem)]. If you need a whole set of related sizes, the type scale generator builds steps around a base size with the same viewport range.