Font Widget

Inspect and analyze fonts on any webpage. Click elements to see details like family, size, weight, color, and more.

Font Widget helps designers and developers inspect typography on any webpage in seconds. Click the extension icon, pick a font property, and see live values overlaid on the page — or use Show all Infos to hover and click any text element for a full breakdown. WHAT YOU CAN INSPECT • Font family • Font size • Font weight • Font style • Text color (shown in Hex) • Line height • Letter spacing • Text transform • Text decoration HOW IT WORKS 1. Open Font Widget from the toolbar. 2. Choose Show all Infos, or tap a single property (Weight, Size, Family, and more). 3. Hover text for a quick tooltip, or click an element for a detailed, draggable panel. 4. Use Remove layers anytime to clear overlays and return the page to normal. WHY INSTALL FONT WIDGET • Instant font inspection without opening DevTools • Clean dark UI made for daily design and QA work • Works on almost any website (http and https) • Fast cleanup with one click — Remove layers Built for anyone who cares about type: front-end developers, UI/UX designers, and QA engineers.