Item logo image for Tinkerfont

Tinkerfont

tinkerfont.com
5.0(

1 rating

)
Item media 4 (screenshot) for Tinkerfont
Item media 5 (screenshot) for Tinkerfont
Item media 1 (screenshot) for Tinkerfont
Item media 2 (screenshot) for Tinkerfont
Item media 3 (screenshot) for Tinkerfont
Item media 4 (screenshot) for Tinkerfont
Item media 5 (screenshot) for Tinkerfont
Item media 1 (screenshot) for Tinkerfont
Item media 2 (screenshot) for Tinkerfont
Item media 1 (screenshot) for Tinkerfont
Item media 2 (screenshot) for Tinkerfont
Item media 3 (screenshot) for Tinkerfont
Item media 4 (screenshot) for Tinkerfont
Item media 5 (screenshot) for Tinkerfont

Overview

The fastest way to inspect, replace, and test new fonts on live websites.

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.

Details

  • Version
    1.1.0
  • Updated
    July 10, 2026
  • Size
    71.07KiB
  • Languages
    English
  • Developer
    Website
    Email
    chromium@m64.in
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

PromptCard - Image to Prompt AI

4.8

Right-click any image and turn it into detailed prompt analysis in English, Chinese, Japanese, and JSON.

Pluno

5.0

Try Pluno's customer-embedded agent in your product before integrating the widget.

Figma

4.1

Figma

Caveman Mode — ChatGPT, Claude & Gemini

4.6

Caveman Mode adds a short instruction to each message you send on ChatGPT, Claude & Gemini, so replies stay compact.

.MD this page

2.9

Turn any web page into clean, LLM-ready Markdown in one click

Typeface

5.0

Chrome extension that identifies fonts used on any webpage

MiroMiro: Web to Code, Web Inspector, Font Finder & Lottie

4.5

Export web to code in one click. Web element inspector & font finder: grab CSS, fonts, colors, SVGs & Lottie. No DevTools.

VisualKit - Live Website Editor & UI Capture

5.0

An elegant visual toolkit for everyone. Inspect elements, edit live CSS, and capture high-res UI screenshots to perfect the web.

DESIGN.md Style Extractor - TypeUI

5.0

Extract page styles and generate DESIGN.md or SKILL.md files and use it with Google Stitch, Claude, Codex, and Cursor.

UIDrop — Design System Extractor for AI

5.0

Extract any site's colors, fonts, spacing & components in one click. Send the design system to your AI coding assistant.

Font Tester - Improve Your Typography

4.5

Test, preview and compare 1500+ fonts on real websites. Made to improve web typography.

Open Inspector

5.0

Inspect layout, styles and design tokens on any page. Free, open source, and never sends anything anywhere.

PromptCard - Image to Prompt AI

4.8

Right-click any image and turn it into detailed prompt analysis in English, Chinese, Japanese, and JSON.

Pluno

5.0

Try Pluno's customer-embedded agent in your product before integrating the widget.

Figma

4.1

Figma

Caveman Mode — ChatGPT, Claude & Gemini

4.6

Caveman Mode adds a short instruction to each message you send on ChatGPT, Claude & Gemini, so replies stay compact.

.MD this page

2.9

Turn any web page into clean, LLM-ready Markdown in one click

Typeface

5.0

Chrome extension that identifies fonts used on any webpage

MiroMiro: Web to Code, Web Inspector, Font Finder & Lottie

4.5

Export web to code in one click. Web element inspector & font finder: grab CSS, fonts, colors, SVGs & Lottie. No DevTools.

VisualKit - Live Website Editor & UI Capture

5.0

An elegant visual toolkit for everyone. Inspect elements, edit live CSS, and capture high-res UI screenshots to perfect the web.

Google apps