Build font stacks, line heights and type scales visually. CSS Typography Styler is a free online tool from the ToolsRift CSS Generators collection. It runs entirely in your browser — nothing to install, no signup, and your data never leaves your device.
Set the font, size, weight, line height and spacing, preview the sample text, and copy the typography CSS.
Font family, size, weight, line height, letter spacing and text alignment, all previewed on real sample text.
A line height around 1.4 to 1.6 for body text keeps lines comfortably readable; headings can be tighter.
List your preferred font first with generic fallbacks last, e.g. 'Inter', system-ui, sans-serif, so text always renders.