Wie du herausfindest, welche Schrift eine Website nutzt

Du landest auf einer Website, und die Überschriftenschrift bringt dich zum Stoppen. Es ist genau die Stimmung, die du auf deiner eigenen Seite seit Wochen zu erreichen versuchst. Du klickst rechts, versuchst „untersuchen" und landest in einer Wand aus CSS, durch die du dich graben musst, nur um eine einzige font-family-Zeile zu finden — falls du sie überhaupt findest.

Die üblichen Wege, eine Schrift zu finden, und warum sie nerven

Die Browser-Entwicklertools funktionieren, technisch gesehen, aber sie wurden für Entwickler gebaut, die Layouts debuggen, nicht für einen schnellen Check des Schriftnamens. Du musst den Inspektor öffnen, das richtige Element in einem verschachtelten Baum anklicken, durch berechnete Stile scrollen und hoffen, dass die Schrift nicht hinter einem Dutzend CSS-Variablen und Fallback-Stapeln versteckt ist. Es gibt auch Font-Erkennungs-Websites, aber die meisten wollen, dass du einen Screenshot hochlädst, und raten dann aus einer Liste optisch ähnlicher Treffer — langsam, und oft falsch.

Gut zu wissen: Es gibt einen viel schnelleren Weg, der beides komplett überspringt — über den Text hovern und sofort die Antwort bekommen, ohne Screenshot und ohne Entwicklertools-Tab.

Die Lösung: FontMee

FontMee ist eine kostenlose Chrome-Erweiterung, genau dafür gebaut. Es ist ein Seitenpanel, das sich neben jeder Seite öffnet, mit zwei Dingen, die hier wichtig sind: einem Inspect-Tool, das jede Schrift sofort benennt, und einer Live-Bibliothek mit 1.900+ Schriften, die du auf dieselbe Seite anwenden kannst, um zu sehen, wie etwas anderes stattdessen aussehen würde — nicht nur identifizieren, was da ist, sondern tatsächlich Alternativen ausprobieren, bevor du dich entscheidest.

So identifizierst du eine Schrift — Schritt für Schritt

1. Installiere FontMee. Füge FontMee aus dem Chrome Web Store hinzu. Kostenlos, kein Konto nötig.
2. Öffne das Panel auf der fraglichen Seite. Klick auf das FontMee-Symbol, und das Seitenpanel öffnet sich neben der Website.
3. Klick auf Inspect und hover über den Text. Die genaue Schriftfamilie, Größe, Stärke, Zeilenhöhe und Buchstabenabstand, die tatsächlich gerendert werden, erscheinen sofort — keine Entwicklertools, kein Quellcode.

Es ist auch ein Live-Schrifttester, nicht nur ein Identifizierer

Sobald du weißt, was eine Seite verwendet, kommt FontMees eigentlicher Wert ins Spiel: dasselbe Panel lässt dich jede der 1.900+ Schriften — der komplette Google-Fonts-Katalog plus Fontshare-Exklusivschriften wie Satoshi und Clash Display — direkt auf dieser Live-Seite in deinem eigenen Browser sofort ausprobieren.

• Vier unabhängige Ebenen — wende eine Schrift auf alles an, nur Überschriften, nur den Fließtext, oder ein einzelnes Element, auf das du klickst, jede behält ihre eigene Wahl
• Wähl ein bestimmtes Element — ziel genau auf einen Button, Titel oder Absatz statt auf die ganze Seite
• Fertiges CSS zum Kopieren — sobald du dich entschieden hast, gibt ein Klick den @import und die Regeln aus, bereit zum Einfügen in dein eigenes Stylesheet
• Eigene Schriften hochladen (Pro) — bring Kunden-Markenschriften oder gekaufte Schriften mit und siehst sie live genauso in der Vorschau

Nichts, was du tust, berührt jemals die Seite selbst — lad die Seite neu oder schließ den Tab, und alles ist wieder normal, für dich und für alle anderen. Es ist ein völlig sicherer Weg, „was wäre, wenn das eine andere Schrift wäre" auf deiner eigenen Seite auszuprobieren, bevor du eine Zeile CSS schreibst, oder auf der Seite von jemand anderem, nur um zu sehen, wie eine Schrift sich übertragen würde.

Hol dir die Erweiterung

FontMee ist kostenlos, mit 1.900+ Schriften, allen vier Ebenen, Inspect und Copy CSS ohne Kosten inklusive. Wenn du irgendwelche Zeit damit verbringst, dich für Schriften zu entscheiden — für deine eigene Seite, die eines Kunden, oder einfach aus Neugier über eine Seite, die dir gefällt — macht es aus Raten etwas, das du tatsächlich sehen kannst.

FAQ