TypeFlux

Live typography preview for any website. Test fonts, spacing, and hierarchy with instant results.

TypeFlux is a live typography testing tool that lets you experiment with fonts, spacing, and text hierarchy on any website directly in your browser, without touching DevTools or writing a single line of CSS. As you adjust sliders and switch font families, TypeFlux applies changes instantly across the entire page, or to a single element you click on. It connects to Google Fonts to load 30 curated typefaces on demand, so you can see exactly how a font looks in a real-world context, not just a preview card. Designed for UI/UX designers, frontend developers, content strategists, and accessibility auditors who need fast, visual typography feedback without leaving the page or opening a design tool. Key features - Live font preview with 30 Google Fonts, applied instantly across the whole page - Control font weight for all text, headings only, or body text only from a single interface - Individual H1–H6 size sliders with a clean Show More toggle for H4–H6 - Fine-tune body font size, line height, and letter spacing with linked slider + input controls - Element selection mode, click any text element to style it independently from the rest of the page - Smart validation with inline warnings when values exceed recommended ranges - Per-section and global reset to restore original styles at any point - Runs entirely in your browser with no accounts, no data collection, and no network requests