Tinkerfont 作成者: Mighil

Tinkerfont helps you inspect the fonts currently in use, replace them with fonts from Bunny Fonts or your own uploads, and see the result instantly on live content, real layouts, and actual breakpoints. Perfect for designers, front-end engineers, and tinkerers evaluating typography in context.

Features:

✔ Right-click font inspector to detect fonts used on the current page
✔ Replace individual fonts or all fonts at once
✔ Scope changes to specific areas of a page
✔ Browse 1,900+ fonts from Bunny Fonts
✔ Upload and test custom font files (.woff2, .woff, .ttf, .otf)
✔ Save rules per website hostname
✔ Import and export settings between browsers
✔ Works on many CSP-restricted sites via inlined fonts
✔ Automatically re-applies changes on SPAs and dynamic pages
✔ Light and dark mode support
✔ Copy font file URLs (experimental)

Common uses:

✔ Inspect and copy font specs from any site without DevTools
✔ Test brand fonts on staging or production sites
✔ Evaluate typography on real dashboards, tables, forms, and content
✔ Improve readability on websites you visit regularly

Get started guide:

✔ mighil.com/tinkerfont/get-started

No DevTools. No temporary CSS edits. No mockups.

Just typography experimentation on the live web.