See the typography behind any webpage.
Why TypeSpot exists
Typography details are easy to overlook and often tedious to inspect through developer tools. TypeSpot brings the most useful type properties into a focused interface so designers and developers can understand what they are looking at without digging through CSS.
What you can inspect
TypeSpot surfaces the typography properties that matter most: font family, size, weight, style, line height, letter spacing, text transform and color. Hover over an element, inspect it, and copy exactly what you need.
Built for faster design research
The extension is designed for quick visual reference. Instead of opening DevTools and searching through computed styles, TypeSpot keeps the information compact, readable and immediately accessible on the page.
Copy what matters
Individual values can be copied on their own, or all typography properties can be copied together when you need a complete reference.
Flexible inspection
TypeSpot supports hover inspection, a floating panel, popup controls and right-click inspection, making it easy to use in different browsing and design workflows.
Fits your environment
Light and dark themes help TypeSpot stay comfortable to use across different sites and system appearances.
Fits your environment
Current product direction
Only confirmed details are presented here. The CMS can expand this record as the product moves through naming, design, development and release.