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.
- Inspect font family
- Inspect font size
- Inspect font weight and style
- View line height and letter spacing
- Inspect text transform
- Inspect text color
- Copy individual typography values
- Copy all typography properties
- Hover element highlighting
- Right-click typography inspection
- Light and dark themes
Identity and product assets
- 01Chrome extension
- 02Typography inspector
- 03On-page hover inspection
- 04Floating inspection panel
- 05Popup interface
- 06Copy-value controls
- 07Context-menu inspection
- 08Light and dark themes
- 09Chrome Web Store release