Free font playground for live websites
Tinkerfont is a free Chrome Extension and Firefox Add-on for designers, developers, and tinkerers who want to experiment with fonts on real websites -- without opening DevTools, touching the design system, or editing a stylesheet.
Hey Product Hunt, I built Tinkerfont because I got tired of guessing what fonts would look like before changing code or design. So I made something that lets you open a website, swap fonts instantly, and see the results in context. You can scroll around, test different sections, and even save screenshots before deciding if a change is worth making. A few things worth trying: - Right-click any text to see what font the page is actually using. - Open the panel, pick an element, search Bunny Fonts, and apply one with a click. - Use Pick Area if you only want to change the nav, a hero section, or another specific part of the page. - Your changes stick when you come back, so you don't have to start over every time. The font inspector was inspired by Fontanello. I already had the font swapping working, but I really liked how Fontanello exposed font information, so I built something similar into Tinkerfont. It's totally free on Chrome and Firefox. If you give it a try, I'd really love to hear what you think. Whether something feels missing, confusing, or completely breaks on a site you use, that feedback is incredibly helpful. Thanks for checking it out.