Font Finder Browser Extension

When you hover an element, the extension reads its computed styles directly from the rendered DOM. Furthermore, the actively used family in the fallback chain is detected and highlighted. Therefore, you see the real font that visitors are reading, not just the first declared family that may not even be available on the user’s device.

If the page declares a family name in CSS, the extension will read it — including custom or licensed names. Moreover, the popup lists every loaded font so you can verify the source. Consequently, even brand-specific typefaces with bespoke names are surfaced clearly without needing to inspect network panels manually for each individual page request.

Yes. The popup displays a clean list of every font family used in the document. Therefore, identifying redundant or unintentional families becomes simple. Moreover, this view is invaluable when auditing performance, because excessive font loads are a common but easily overlooked cause of slow rendering on otherwise tidy production pages.

No. The badge floats above the page using a non-intrusive container and removes itself the moment you toggle the inspector off. Furthermore, no DOM nodes are reordered or styled. Therefore, the page renders exactly as visitors see it, and screenshots taken after disabling the inspector remain completely untouched and visually unchanged.

No. All inspection happens inside your browser. Furthermore, the extension does not log URLs or share inspection data with a third party. Consequently, internal staging environments and authenticated dashboards remain safe to audit without any concern about page contents leaking outside the local device or being silently tracked by analytics.

No. The extension only does work when the inspector is active or when the popup opens. Furthermore, no background polling occurs. Therefore, ordinary browsing performance stays unaffected, and the inspector can be left disabled until the next time you genuinely need it during a focused typography or design audit.

Right-click the toolbar icon and choose Remove, or open the browser extensions page and remove it from there. Furthermore, locally stored preferences are cleared with it. Therefore, no leftover files remain. Consequently, reinstalling later starts from a clean state, exactly as if it were a fresh first install.