Fontlens - Font Finder & Color Inspector

Find the font actually used on any website. Inspect size, colors and contrast, then copy the styles in one click.

See a font you like? Click Fontlens and hover over text to find the font your browser actually displays. Click once for the details: copy the font name, save it for later, or try a different font right on the page. Size, colours and contrast are all there, ready to copy. NEW IN 2.0 - Hover shows a compact card, click for the full details - Copy the font name in one click - Font from an image or logo: cut out the lettering, identify it with WhatTheFont - Page report: contrast now measured correctly, unmeasurable text listed separately - Fixed: saved fonts could be lost when saving first in a new session WHAT YOU GET Find a font in seconds - Hover shows the font name, size and colour, nothing else in the way - Click for the details, with Copy name and Save as the first two buttons Font from an image or logo - Mark the lettering in an image, save or copy the cut-out, and open WhatTheFont to identify it - Fontlens uploads nothing. You hand the image to the matching service yourself Fonts - The font that is really rendering, not just the first name in the CSS - A clear warning when the browser substituted a different font, and which one the page actually asked for - Size in px and rem, weight with its proper name, line height, letter spacing - The full font-family stack as declared - The web font file the page is loading, when there is one - Click the font name to search it Colours - Text and background colour in HEX, RGB or HSL, switch with one click - Correct handling of transparent text, composited over what is actually behind it - Modern colour spaces work properly, including oklch, lab and color() Accessibility - WCAG 2 contrast ratio with a pass or fail for AA and AAA - Correct thresholds for large text, so headings are not flagged unfairly - APCA (the WCAG 3 draft) shown alongside, with the minimum it needs at that size Try a different font, right on the page - Pick from a dropdown of the fonts installed on your machine, or type any name - The page redraws instantly. Reset puts everything back, nothing is saved to the site Save the fonts you like - One click keeps a font, with its size and weight, for later - Your saved list stays on your machine, no account, no sync Whole page report, four tabs - Fonts: every font used on the page, with how often each one appears - Contrast: every text element failing WCAG AA, grouped by colour pair and text size, click any one to jump straight to it. Text over images, gradient headlines and faded sections are listed separately for a check by eye instead of being guessed at - Hidden screen-reader text and disabled buttons are left out, as WCAG intends - Colours: the page's full colour palette, click a swatch to copy it - Saved: the fonts you kept - Copy the whole report as plain text Copying - Click any single value to copy it - Copy summary for a readable line to paste into Figma, Slack or notes - Copy CSS for ready-to-paste declarations, with the contrast noted as a comment BUILT TO ACTUALLY WORK The most common complaint about font inspectors is that they stop working and you have to reload the page. Fontlens activates when you click the icon, and after an update a fresh copy replaces the old one, so the page does not need a reload. Works inside Shadow DOM, so it still works on sites built with web components, where most inspectors report the wrapper instead of the text. PRIVACY Fontlens asks for one permission: access to the tab you are actively using, only when you click the icon. It has no access to your browsing, your history, or any site you are not looking at right now. Fontlens collects nothing at all. No analytics, no tracking, no account, no network requests of any kind. Everything happens inside your browser and stays there. "Font from image" takes a screenshot of the visible tab, only when you drag a selection, and cuts out that area. The picture stays in your browser: you save or copy it yourself, and nothing is sent to WhatTheFont or anywhere else unless you upload it there. SHORTCUTS - Click the toolbar icon to start or stop - Hover to see the font, click for the details, click again to release - Esc to exit, or the x on the bottom bar WHO IT IS FOR Web designers checking a handoff, developers rebuilding a page, and anyone who has ever looked at a website and wanted to know what font that is. Free, and staying free.