{"$schema":"https://toolsly.tools/schemas/tool-manifest-v1.json","generated":"2026-06-13T19:02:26.129Z","discovery":{"catalog":"https://toolsly.tools/tools.json","llmsTxt":"https://toolsly.tools/llms.txt","sitemap":"https://toolsly.tools/sitemap.xml"},"relatedTools":[{"slug":"type-scale-generator","name":"Type Scale Generator","url":"https://toolsly.tools/type-scale-generator"},{"slug":"px-to-rem","name":"PX to REM Converter","url":"https://toolsly.tools/px-to-rem"},{"slug":"json-validator","name":"JSON Validator & Formatter","url":"https://toolsly.tools/json-validator"},{"slug":"url-parser","name":"URL Parser","url":"https://toolsly.tools/url-parser"},{"slug":"user-agent-parser","name":"User-Agent Parser","url":"https://toolsly.tools/user-agent-parser"},{"slug":"http-status-code","name":"HTTP Status Code Lookup","url":"https://toolsly.tools/http-status-code"},{"slug":"css-minifier","name":"CSS Minifier","url":"https://toolsly.tools/css-minifier"},{"slug":"css-beautifier","name":"CSS Beautifier","url":"https://toolsly.tools/css-beautifier"}],"kind":"utility","slug":"line-height-calculator","name":"Line Height Calculator","description":"Resolve any CSS line-height (unitless, px or %) to its computed pixel height and ratio — in-browser.","longDescription":"Enter a font size and a line-height value in any unit — unitless multiplier, pixels, or percent — and the tool resolves the computed line height in px, the equivalent unitless ratio, and the percentage form. It also checks the ratio against typographic best practice (roughly 1.4–1.6 for body text and 1.1–1.3 for headings) and tells you whether your value sits in a comfortable range for the chosen size. A copy-ready `line-height` declaration is included. Unitless line-height is generally recommended because it scales correctly with inherited font sizes. All calculations run locally in your browser.","category":"dev","categoryName":"Dev","keywords":["line height calculator","css line height calculator","line height converter","unitless line height","line height to px","px to line height","line height ratio","leading calculator","line spacing calculator","optimal line height","line height percentage","line height em","typography line height","css leading","line height best practice"],"badge":"Calculator","url":"https://toolsly.tools/line-height-calculator","inputs":[{"type":"number","key":"fontSize","label":"Font size (px)","defaultValue":16,"min":1,"max":400,"step":1},{"type":"number","key":"lineHeight","label":"Line height value","defaultValue":1.5,"min":0,"step":0.05,"help":"Interpreted using the unit below (1.5, 24, or 150)."},{"type":"select","key":"lineHeightUnit","label":"Line height unit","choices":[{"value":"unitless","label":"Unitless (e.g. 1.5)"},{"value":"px","label":"Pixels (e.g. 24px)"},{"value":"percent","label":"Percent (e.g. 150%)"}],"defaultValue":"unitless"}],"outputs":[{"key":"computedPx","label":"Computed height (px)","monospace":true},{"key":"unitlessRatio","label":"Unitless ratio","monospace":true},{"key":"percent","label":"Percent","monospace":true},{"key":"css","label":"CSS declaration","monospace":true},{"key":"recommendation","label":"Recommendation","multiline":true}],"invocation":{"webUi":"https://toolsly.tools/line-height-calculator","api":null,"notes":"Currently invoked via the web UI at `webUi`. Inputs are form fields; outputs are structured text values. A remote MCP/REST API is planned."}}