Notes from building Tinkerfont

Your browser does not support the video tag. I'm a generalist. I design, I code, I end up in a lot of places where typography matters but isn't really the job. Reviewing a client's staging site. Onboarding to a codebase I didn't write. Wondering if a page would just read better in a different font face. The question comes up a lot: what's actually being used here, and what would it look like with something else? DevTools gets you part of the way. But there wasn't a quick way to just try a font on the live page and move on, so Tinkerfont started as a small tool to close that gap. What Tinkerfont does Tinkerfont is a browser extension for inspecting, replacing, and testing fonts on live websites. Inspect: right-click any text for family, weight, size, color, and contrast. Copy what you need. Detect: open the panel and see every font family on the page, with counts. Swap: search 1,900+ open fonts from Bunny Fonts, or upload your own .woff2, .woff, .ttf, or .otf. Apply in one click.…