Media
4 items
Description
Inspect fonts on any website. Hover to inspect, list all fonts, get pairing suggestions, and export detailed reports. 🔤 Font Inspector Pro — The Ultimate Font Analysis Tool Discover every font on any website with this powerful, privacy-focused extension. ✨ KEY FEATURES - Hover to Inspect — Real-time font information as you mouse over any element - List All Fonts — See every font used on the page, sorted by usage count - Font Pairing Suggestions — Get curated pairing recommendations for better typography - Export Reports — Download detailed reports as JSON, CSV, HTML, or Markdown - Highlight by Font — Visually highlight all elements using a specific font - One-Click CSS Copy — Copy complete font CSS instantly - Smart Category Detection — Automatic serif/sans-serif/monospace classification 📊 WHAT YOU CAN INSPECT - Font family (primary + full stack) - Font size - Font weight - Font style - Line height - Letter spacing - Text color (with hex conversion) - Text transform 🔒 PRIVACY FIRST - Zero data collection — we don't track anything - No network requests — everything runs locally - Minimal permissions — only accesses the active tab when you click - No third-party services or analytics - 100% open source approach 👥 PERFECT FOR - Web designers identifying fonts on inspiration sites - Developers debugging typography issues - UI/UX professionals analyzing design systems - Students learning about web typography - Anyone curious about fonts on the web ⌨️ KEYBOARD SHORTCUTS - ESC — Close the inspector 🎨 FONT PAIRING DATABASE Built-in suggestions for popular fonts including: Inter, Roboto, Open Sans, Lato, Montserrat, Poppins, Playfair Display, Merriweather, Lora, and many more! 📁 EXPORT FORMATS - JSON — For developers and data processing - CSV — For spreadsheets and analysis - HTML — Beautiful standalone reports - Markdown — For documentation 💡 HOW TO USE 1. Click the Font Inspector Pro icon in your toolbar 2. Click "Start Inspecting" 3. Hover over any element to see its font properties 4. Use "List All Fonts" to see all fonts on the page 5. Click "Font Pairings" for typography suggestions 6. Export your findings with "Export Report" Made with ❤️ by ponITech https://ponitech.pro