Fluid type size builder
Create a CSS clamp() font size that scales between two viewport widths.
Your saved tools stay in this browser.
Fluid type size builder — workspace
Loading your tool…
How to use: Fluid type size builder
Start with the example, or replace it with your own values.
Review Smallest font (px), Largest font (px), Smallest viewport (px), Largest viewport (px), then select “Get result”.
Read the result, then copy or download it. Edit any input to try again.
What you can do
- Create a CSS clamp() font size that scales between two viewport widths.
What you get
- A result you can review, copy or download. Numeric tools show labeled calculations; text tools show the transformed output.
What you need
- Smallest font (px)
- Enter a number (1–200).
- Largest font (px)
- Enter a number (1–300).
- Smallest viewport (px)
- Enter a number (100–4000).
- Largest viewport (px)
- Enter a number (100–8000).
Try an example
- Smallest font (px)
16
- Largest font (px)
32
- Smallest viewport (px)
320
- Largest viewport (px)
1440
Good to know
- Use a current browser with JavaScript enabled. Available formats and speed depend on your browser, device and input size.
Your work stays on your device
Your files and entered values are processed in your browser and are not uploaded for processing. The website and any required processing engines still download from the site.
Questions & answers
Is Fluid type size builder free?
Yes. Fluid type size builder is free to use and does not require an account.
Are my files or entered values uploaded?
Your files and entered values are processed in your browser and are not uploaded for processing. The website and any required processing engines still download from the site.
What result can I save?
A result you can review, copy or download. Numeric tools show labeled calculations; text tools show the transformed output.
What should I check before using the result?
Use a current browser with JavaScript enabled. Available formats and speed depend on your browser, device and input size.