WhatFont pioneered hover font identification, but its UI is dated and only solves a single task. OmniDev’s Font Explorer scans every font family, weight, size, line-height, and letter-spacing across the entire page while giving you 53 additional CSS, color, and capture tools.
| Capability / Workflow | OmniDev (54-in-1 Extension) | WhatFont |
|---|---|---|
| Identify Font Family, Weight & Size on Hover | Yes | Yes |
| Full-Page Typography Inventory & Usage Map | Yes (Font Explorer) | Limited |
| Design System Typography Drift Detection | Yes (Design Drift Inspector) | No |
| WCAG Text Contrast & Vision Simulation | Yes (Built-in) | No |
| Total Built-in Developer Tools | 54 Tools | 1 Tool |
Single-purpose tool that requires keeping another extension resident in Chrome
Does not provide a full-page typography inventory or detect off-scale font token drift
No built-in WCAG contrast ratio checker for the inspected text
Full-page Font Explorer inventory plus instant hover typography metrics in CSS Scanner
Design Drift Inspector automatically flags rogue font sizes and weights that violate your design system
Built-in Accessibility Checker & Vision Simulator verify text contrast and readability immediately
Click any tool below to explore its dedicated workflow:
Inspect CSS properties, computed styles, box model dimensions, and typography natively on hover over any element.
Explore CSS Scanner
Scans and lists all font families, weights, line heights, letter spacing, and live typography usage on the webpage.
Explore Font Explorer (Font Spy)
Runs an instant WCAG accessibility audit checking color contrast ratios, ARIA roles, form labels, landmarks, and missing alt text.
Explore Accessibility Checker (a11y)
Audits the live DOM against your design system tokens to catch off-palette colors, rogue font sizes, and non-standard spacing values.
Explore Design Drift Inspector
Open OmniDev and select Font Explorer (Font Spy) to see a complete breakdown of every font family, weight, and size used on the page, or use CSS Scanner to inspect any specific text element on hover.
OmniDev vs CSS Peeper
CSS, Typography & Asset Inspection
OmniDev vs Wappalyzer
Website Technology Stack Detection
OmniDev vs GoFullPage
Full-Page, Element & Hover-State Screenshots
OmniDev vs ColorZilla
Color Eyedropper, Palette & Gradient Tools
OmniDev vs VisBug
Visual DOM Inspection, Spacing & Live Design QA
OmniDev vs JSON Viewer
JSON Formatting, Diffing & TypeScript Codegen
OmniDev vs Enable Right Click & Copy Extensions
Interaction Unlock & QA Testing
OmniDev vs Standalone SEO & Web Vitals Checkers
Core Web Vitals, SEO & Accessibility
OmniDev vs Cloud Bug Reporting Extensions
QA Bug Reporting, Network HAR & Repro Steps
Install OmniDev free from the Chrome Web Store and get all 54 frontend inspection, capture, and QA tools in one lightweight package.
Add OmniDev to Chrome — Free