Typeshadow

Find the fonts a page really uses, even inside shadow DOM and iframes, and see which font Chrome actually rendered.

Typeshadow shows which fonts a page uses, including text that other font tools miss: inside open and closed shadow roots (web components), declarative shadow DOM, slotted content, icon fonts in ::before/::after, and same-origin or cross-origin iframes. Hover mode: click the toolbar icon, move the cursor over any text and it lights up with a card naming its font. Click to pin a panel with the resting typography of that text (the style it has when it is not hovered): the family stack, size and line height, weight and style, spacing, transform, OpenType settings, and the colour, which you can copy in any CSS syntax (hex, rgb, hsl, hwb, lab, lch, oklab, oklch, display-p3). "Check with debugger" asks Chrome which platform font actually drew the text. Full report: every font family on the page with counts and sample locations, every @font-face declaration with its loading status, and, optionally, the fonts Chrome actually rendered for every text node, with fallbacks flagged. Nothing leaves your browser. No accounts, no analytics, no remote code.