Snap line-heights for font sizes to a baseline grid: baseline unit, lines per el...

{ "method": "GET", "queryParams": { "baseFontPx": 16, "baseLineHeight": 1.5, "sizes": "12,16,20,24,32,48" }, "type": "http" }

{ "example": { "asOf": "2026-10-11T14:32:45.478Z", "baseFontPx": 16, "baseLineHeight": 1.5, "baselinePx": 24, "css": ":root { --baseline: 24px; } p { margin-block: 0 var(--baseline); }", "degraded": false, "disclaimer": "Screening signal computed from the named public source. Not financial, legal or investment advice; provided as is. Verify at the source before acting.", "minLineHeight": 1.2, "notChecked": [ "font metrics: the visual baseline can sit off the grid for fonts with unusual ascent or descent", "WCAG 1.4.12 text-spacing overrides, which users can apply on top of your values", "…1 more" ], "reasons": [ "Each size gets the fewest baseline units that keep its line-height at least 1.2 times the font size.", "Use margins in whole baseline units to keep text on the grid." ], "rows": [ { "baselineLines": 1, "fontSizePx": 12, "lineHeightPx": 24, "lineHeightUnitless": 2, "marginBottomPx": 24, "rem": 0.75 }, { "baselineLines": 1, "fontSizePx": 16, "lineHeightPx": 24, "lineHeightUnitless": 1.5, "marginBottomPx": 24, "rem": 1 } ], "source": "Baseline-grid arithmetic (line-height = a whole number of baseline units), computed locally", "summary": "Baseline unit 24px (16px x 1.5); 6 sizes snapped to whole multiples.", "verdict": "COMPUTED" }, "type": "json" }