Preview font size, line-height, letter-spacing, and weight combos live before committing CSS. Test a 32px/1.5 bold hero in seconds — free, local, no signup.
Content reviewed October 2026 · About Toolzum
Design CSS borders visually — width, style, color, and radius with live preview and copy-ready code. Prototype a card border in 30 seconds — free, local, no signup.
Design CSS gradients — linear, radial, conic — with multi-stop color control and live preview. Ship mesh-grade backgrounds from code — local generation, free, no signup.
Convert 3- or 6-digit HEX colors to RGB values instantly. Translate #4F46E5 for CSS rgb() use — free, local, no signup.
Preview your text in 6 Google fonts — Inter, Playfair Display, Fira Code, Pacifico, Outfit, and Montserrat — and copy the ready-to-use CSS import plus font-family rule. Free, local, no signup.
Estimate pages from word count and font size — about 500 words/page at 12pt, 600 at 10pt and under. Font-size-only math, no spacing or margin inputs — free, local, no signup.
1.5–1.7 for body text, 1.1–1.3 for display headings. A 32px hero at 1.2 with 600 weight previews exactly — copy the values when it looks right.
Positive tracking (+0.05em) for uppercase labels and eyebrows; negative (−0.02em) for large headlines. Body copy almost always stays at 0.
Match the preview family to your loaded webfont first — metrics differ per family. Then copy size, height, spacing, and weight as one CSS block.
No — preview renders locally in your browser. Nothing leaves your device.
Font Subsetter
Subset TTF/OTF fonts to used characters and export TTF or WOFF — cut webfont weight by 90%. Ship 12 KB instead of 150 KB — local opentype.js work, unlimited saves.
Font Converter
Convert fonts between TTF, OTF, and WOFF (WOFF2 accepted as input) with custom-text preview before downloading. Ship web-ready WOFF in one pass — local opentype.js work, unlimited saves.