Example input
16px normalThe browser workflow processes 16px normal locally and produces a result you can inspect before export.
CSS Line Height Calculator
liveCalculate CSS line-height values from font size and readable ratios. TypeKitty's css line height calculator runs locally in your browser, so you can compare unitless and pixel results before setting typography styles.
Typography & Textnumber
tight
18.4px / 1.15snug
20px / 1.25normal
24px / 1.5relaxed
26px / 1.625loose
32px / 2golden
25.89px / 1.618How to use CSS Line Height Calculator
Pick readable CSS line-height values without mental math. Check the result before copying or downloading it.
Add your number
01Enter or choose the number you want to process with this browser tool.
Adjust the options
02Review the available settings and choose the output that fits your task.
Copy or download
03Inspect the result, then copy or download it without creating an account.
Practical examples
Start with a real input, then adapt it to your task.
Example input
18px goldenThe browser workflow processes 18px golden locally and produces a result you can inspect before export.
Example input
line height calculatorThe browser workflow processes line height calculator locally and produces a result you can inspect before export.
How this browser tool works
TypeKitty processes the data you enter in this browser tab. It is not sent to a TypeKitty tool API.
No account required
number workflow
Preview before download
Current limitation
Results depend on valid input and the options supported by the browser.
Related tools
All toolsFrequently asked questions
Continue working
Return to this workbench or open a related TypeKitty tool.