Font System Detector

Detects and displays all font system found on a webpage

A Chrome extension that detects and displays all font combinations on web pages. Helps developers and designers identify fonts used on any site. Core Features: - Font scanning: Scans the current page and identifies unique font combinations (family, size, weight, line-height) - Organized display: Groups fonts by family, sorted by size and weight in a collapsible accordion - Single hover mode: Highlights the hovered element and shows its font properties - Group hover mode: Highlights all elements sharing the same font properties - Font availability detection: Checks if fonts are available on Google Fonts or Adobe Fonts - Quick access links: Direct links to Google Fonts, Adobe Fonts, or Google search for each font How it works: - Click the extension icon to open the side panel - Click "Scan Fonts" to analyze the current page - Browse results organized by font family - Enable hover mode (single or group) to inspect fonts interactively - Use quick links to find fonts on Google Fonts or Adobe Fonts Requirements: Chrome 114+ (for Side Panel API support)