WhatFont – Schriftart erkennen auf Seite und im Bild

Welche Schrift ist das? Erkenne jede Schriftart auf einer Seite oder im Bild: Familie, Größe, Schnitt, Farbe und alle Fonts.

Welche Schrift ist das? Erkenne jede Schriftart auf einer Webseite oder in einem Bild — mit einem Klick WhatFont macht aus jeder Website ein Schriftmuster. Fahre mit der Maus über Text, um die tatsächlich gerenderte Schriftart zu sehen, klicke für die vollständigen CSS-Angaben, oder markiere ein Logo, um die Schrift in einem Bild zu bestimmen. Ohne DevTools, ohne „Element untersuchen", ohne Raten. 🔍 SCHRIFTART AUF JEDER WEBSITE ERKENNEN • Mit der Maus darüberfahren — der Tooltip zeigt die wirklich gerenderte Schrift, nicht die CSS-Liste • Klicken für alle Angaben: Familie, Größe, Zeilenhöhe, Schnitt, Stil und Laufweite • Der komplette Font-Stack, mit der vom Browser gewählten Familie hervorgehoben • Pfeiltasten führen durch die Seitenstruktur — auch die kleinste Bildunterschrift ist erreichbar 🖼️ SCHRIFT IN BILD UND LOGO FINDEN • Beliebigen Bildschirmbereich markieren: Logo, Banner, Screenshot, Videostandbild • Mit einem Klick an die Bildersuche von Adobe Fonts oder WhatTheFont senden • Oder den Ausschnitt als PNG speichern und in die Zwischenablage kopieren 🗂️ ALLE SCHRIFTEN DER SEITE AUF EINEN BLICK • Ein Klick listet jede Schriftart auf, die die Seite verwendet • Je Schrift: wie viele Elemente, welche Schnitte und welche Größen • Namen kopieren oder direkt zu dieser Textstelle springen 🎨 FARBEN, KONTRAST UND FERTIGES CSS • Textfarbe in HEX und RGB — zum Kopieren anklicken • WCAG-Kontrastverhältnis zum echten Hintergrund mit AA-/AAA-Bewertung • CSS kopieren: die komplette Schriftdeklaration, fertig zum Einfügen • Herkunft der Schrift: Google Fonts, Adobe Fonts, selbst gehostet oder Systemschrift, mit Link ⚡ SO FUNKTIONIERT ES 1. Auf das WhatFont-Symbol klicken oder Alt+Shift+F drücken 2. Über einen Text fahren, um seine Schrift zu sehen 3. Text anklicken für alle Angaben oder Capture drücken, um eine Schrift im Bild zu bestimmen 4. Esc beendet den Inspektor FÜR DESIGNER UND ENTWICKLER Typografie-Referenzen sammeln, ein Designsystem nachbauen, die Hausschrift eines Kunden treffen, die Barrierefreiheit von Textfarben prüfen — oder einfach in Sekunden beantworten: „Welche Schriftart nutzt diese Website?" 🔒 DATENSCHUTZ WhatFont arbeitet im Browser und sammelt oder überträgt keine Daten über deine besuchten Seiten. Ein Bildausschnitt verlässt den Browser erst, wenn du selbst einen Suchdienst auswählst. ——————————— WhatFont — a free font finder and font identifier for Chrome. Hover over text to see what font a website uses, inspect the full CSS spec (family, size, weight, colour), check WCAG contrast, list every font on the page, and identify fonts from images, logos and screenshots with Adobe Fonts or WhatTheFont visual search.