× Search About Posts Code Music Links
Blank Try
experiment
lots
learn
more

Clampsizer

Updated on
Last site update: 8 May 2024

This tool allows you to use the css value clamp to get a smooth transition from your smallest font size to your largest.

See the full article at design-lance.

IMPORTANT: slight aside but don’t size fonts purely in viewport units. The reason is that these prevent users being able to zoom in on the type since the viewport width is fixed. So which ever method you use make sure that you mix other units with viewport units using a calc function like the following does.