WhatFont – Font Finder: identify fonts on page & image, from developer WhatFont, is a Chrome extension for designers and front-end developers who need quick typeface information. The tool reveals the actual font the browser renders on hover, offers a Capture mode for image-based matches, and exposes CSS details plus a WCAG contrast checker. It aims to speed typography checks and basic accessibility validation inside the browser for production workflows.

How it identifies the exact font the browser renders

The extension uses a hover-to-identify inspector that shows the typeface the browser actually renders rather than the CSS fallback list, making on-page checks faster than opening developer tools. Activate the inspector from the toolbar and hover over text to see the family name and rendered metrics. A one-click page font list compiles every typeface used on the current page for quick auditing without manual element selection.

How it handles fonts embedded in images, logos, and video stills

Capture mode lets you select a screen region and submit that image to visual search services for recognition. The feature routes captures to external services such as Adobe Fonts or WhatTheFont for visual matching, so results depend on those engines. This dual workflow, live-text inspection plus image submission, covers both browser-rendered type and graphic lettering used in branding or raster content.

How it supports stylesheet export and accessibility checks

The tool reports full CSS properties so designers can copy declarations into stylesheets. It lists font family, size, weight, style, letter spacing, line height and color in HEX/RGB. It also calculates WCAG contrast ratios and returns AA/AAA compliance indicators for selected text and background pairs, which helps integrate typography checks into accessibility reviews.

How it handles privacy, performance, and platform scope

The extension runs locally in Chrome and, according to the developer policy, does not transmit browsing history, limiting external tracking exposure. It is positioned as a lightweight Chrome add-on available on desktop platforms, and the developer notes positive reception on the Chrome Web Store. Image matching requires external visual-search services, which is the primary network-dependent component of the workflow.

Practical fit and a quick activation tip

WhatFont is a practical choice for designers and front-end developers who need fast, source-accurate typography checks and basic accessibility feedback during browser-based work. The main trade-off is that image-based matches rely on third-party visual-search engines, so results vary by the service used. Tip: enable the Alt+Shift+F keyboard shortcut to open the inspector rapidly during design reviews and QA passes.