TypeFlux

About

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