Kern — Font Finder, Identifier & Typography Inspector

Description

Identify any font on any website. See family, size, weight, line-height & color, audit page fonts, try fonts live & export CSS. Kern is the fastest way to identify fonts on any website — and the only one that inspects a page's entire type system. Hover any text to instantly see the font family, size, weight, line-height, letter-spacing and color, then go deeper: audit every font a page loads, try new fonts live, and export clean CSS. Built for designers and developers who care about type. WHAT KERN DOES 🔎 Identify fonts instantly — hover any text, click to pin. See family, size (px/rem/pt), weight, style, line-height, letter-spacing and color. 🎯 See which font actually rendered — Kern highlights the winning font in the whole font stack, so you know exactly what's on screen (and why your font isn't showing). 🎨 Every color format — copy text color as HEX, RGB, HSL or OKLCH. 📊 Audit a whole page — one click lists every font family in use, how much each is used, total font payload in KB, and flags problems like unused loaded fonts or missing font-display: swap. 🔤 Try fonts live — swap any element's font on the real page. Choose from the Google Fonts library or upload your own font file (it never leaves your browser). 🎚️ Variable font controls — drag the weight, width, slant and optical-size axes and watch the page update live. 📐 Fluid type aware — spots clamp() and viewport-based sizing and shows the real size at your current screen width. 🤝 Font pairing suggestions — vetted heading/body pairings for 60+ popular fonts, previewable in one click. 🧩 Compare mode — pin two elements side by side and diff their type styles. 📥 Export anything — copy as CSS, Tailwind classes or design-token JSON, or export a full page audit. 🌗 Light & dark, and a clean side panel for the deep work. Everything runs locally in your browser. Kern collects nothing and sends nothing to any server. PERFECT FOR: UI/UX designers, frontend developers, web design students, typographers, and anyone who spots a font they love and wants to use it. Kern is a product from niallcodes — an independent software project based in the United Kingdom.

Details & SEO