Built for a real task
Type Inspector helps you examine typography where it is rendered. Select text to see its font details, size, line height, weight, spacing, and colors, then copy the information you need.
Explore how this tool works and the decisions behind it.Inspect text on a page to understand its font, size, line height, weight, and other styles. Copy the values you need and investigate the typography behind the result you see.
How it worksUseful details, not extra steps.
What the tool helps you do—and where its limits are.
Inspect the declared font stack and the rendered font family alongside the other properties that shape the text. Review individual values, copy CSS declarations, or capture a CSS block for reference.
Selector details and a summary of visible typography help you understand how fonts, sizes, weights, and heading patterns are being used across a page. The tool can also identify likely font sources where browser access permits it.
Freeze mode helps with hover-open menus. Resting mode lets you inspect text without hovering over it, which is useful when a link or menu changes its typography as the pointer moves.
Inspection starts on the active tab when you choose to inspect text. The latest capture is stored locally. Browser-internal pages and other protected content remain subject to browser restrictions.
