View font details of selected text
FontGrab: Instantly Extract Font Details from Any Webpage
Discover the exact fonts, colors, and styling used on any website with FontGrab, the Chrome extension for designers, developers, and typography enthusiasts. This powerful tool lets you:
Instantly reveal font details with a simple right-click on any text
Get comprehensive font information including family, size, weight, and style
Extract exact color codes (HEX) for both text and background
View precise measurements for line height and letter spacing
Copy font details directly for use in your projects
How It Works:
Select any text on a webpage
Right-click and choose "Font Details" from the context menu
A clean, organized popup instantly displays all typography information:
- Font family and size
- Font weight and style
- Line height and letter spacing
- Text and background colors with visual previews
- HEX color codes for precise matching
Perfect for:
- Web designers seeking inspiration or matching fonts
- Developers needing to match client requirements
- UI/UX designers analyzing competitor websites
- Content creators ensuring brand consistency
- Design students learning about web typography
Technical Details:
- Lightweight extension with minimal permissions required
- Works offline and doesn't collect any user data
- Compatible with all modern websites
- Updates automatically with Chrome
- No account or sign-up required
- Dark Mode (Colors will look off, but hexcodes are ok)
No more guessing or using complex developer tools – FontGrab gives you instant access to the typographic details you need with just a right-click. Install now and unlock the typography secrets of any website in seconds!
Privacy Note: FontGrab only requires permissions necessary for analyzing selected text. Your browsing data remains private and secure.