Tinkerfont

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 1959 fonts from Bunny Fonts, with preview links on Bunny ✔ Upload and test custom font files (.woff2, .woff, .ttf, .otf) ✔ Save rules per website hostname ✔ Share and paste site settings via tinkerfont.com/go ✔ Copy CSS snippets from active rules for dev handoff ✔ 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 ✔ Share a font setup with teammates via link or JSON ✔ Evaluate typography on real dashboards, tables, forms, and content ✔ Improve readability on websites you visit regularly

Get started guide:

✔ https://tinkerfont.com/get-started

No DevTools. No temporary CSS edits. No mockups.

Just typography experimentation on the live web.

♻ Version History

1.1.0 — Share and paste site settings via tinkerfont.com/go. Copy CSS from active rules. Bunny font preview links. Full font catalog in search. Clipboard copy for font file URLs. Improved copy flow in the panel on strict sites. 1.0.2 — Custom tab UX: display name and save appear after choosing a file; cleaner saved-fonts list layout. Updated Bunny Fonts catalog. Reduced the size of package. 1.0.1 — Right-click inspector fixes: reliable copy, improved font file detection, clearer menu labels. 1.0.0 — Launch.