CSS Type Scale
Generate a consistent font-size scale from a base size and ratio, with reusable CSS variables.
It is only processed in the browser, not uploading or saving. Leaving the page will be cleared; the calculation can also be cleared and the result can be discarded. Do not enter other people's credentials or private keys.
CSS Type Scale User manual
- Fill in the parameters or select the file according to the form, and check the unit and format first.
- Use 16px, a 1.25 ratio and four steps to create candidate heading and supporting-text sizes.
- Click the processing button to view the results, you can copy or download and save.
Calculation method and processing rules
Multiply and divide around the base size to create ascending and descending steps, rounded to four decimals.
scope of use
Base size 4–200px, ratio 1.01–2 and 1–10 steps. This is not responsive clamp typography or an accessibility assessment.
Will the input content be saved on the server?
This tool handles input in the browser, and does not upload files or form content. Typing practice scores are only saved in the native browser.
Why may the result be different from other tools?
Base size 4–200px, ratio 1.01–2 and 1–10 steps. This is not responsive clamp typography or an accessibility assessment. Please compare the input unit, rounding method, applicable rules and data version first.