Baseline
Normal view
Tool
Pick a font. Stress it live. Decide fast.
Start with a Google Font that actually loads. Type your own phrase. Change size, palette, low light, and blur. The page should answer the practical question first: does this font still work when conditions stop being ideal?
Select a font
Type a phrase
Watch every state update live
Live setup
Choose the font. Set the phrase. Stress the page.
Everything below updates immediately: font, phrase, size, palette, low light, blur, and scenario.
Scenario: Everyday web
Loading the public font catalog…
Loading public fonts…
Foreground
Background
Scenario
Pick the stress case
The scenario changes the live examples first. The deeper reasoning stays below.
Palette
Chosen colors
Low light
Dimmer contrast
Break it
Blur + small text
Reasoning
Then explain what the live examples mean
Once the font is on the page, generate a report or compare two candidates. This belongs below the live states, not before them.
Pick a primary font, then run a report when you want the reasoning layer.
Set a comparison font from the library when you want a side-by-side call.
Advanced
Upload your own font
Custom files still work. But the default path should be Google Fonts first.
Supported: .ttf, .otf, .woff, .woff2