Schriften auf jeder Seite inspizieren
Fahren Sie mit der Maus über Text und klicken Sie, um live Schriftart, Größe, Stärke, Stil und Farbe am Element oder in einer Seitenleiste zu sehen—ohne DevTools zu öffnen.
what the font - font finder
Identifizieren Sie Schriftart und CSS-Typografie jedes Elements auf einer Webseite—Familie, Größe, Stärke, Zeilenhöhe, Buchstabenabstand, Farbe und Kontrast—und kopieren oder exportieren Sie, was Sie brauchen, ohne den Tab zu verlassen.
Für Live-Typografie entwickelt
Funktionen
Typografiedetails, die zählen
Lesen Sie Zeilenhöhe, Buchstabenabstand, Transformation, Dekoration und Kontrast (inkl. AAA/AA-Hinweise) in einem Panel.
CSS per Klick kopieren
Kopieren Sie die Schriftfamilie, Farbe oder ein fertiges CSS-Snippet für das inspizierte Element.
Stile direkt auf der Seite bearbeiten
Passen Sie Stärke, Größe, Abstände, Farbe und mehr am Live-Element an und setzen Sie alles zurück, wenn Sie fertig sind.
Alle Schriften auf der Seite
Scannen Sie einzigartige Textstile auf der Seite und springen Sie zwischen ihnen, wenn Sie ein Designsystem prüfen.
Export und Google Fonts
Exportieren Sie Typografie als SCSS oder JSON, oder öffnen Sie eine Google-Fonts-Suche für die gefundene Familie.
Einfach by Design
Über uns
Eine Chrome-Erweiterung, die Live-Typografie—Schriftart, Größe, Stärke, Farbe und Kontrast—anzeigt, damit Sie Schriften von jeder Webseite inspizieren, kopieren und exportieren können.
- —
- Veröffentlichte Nutzung gesamt
- —
- Verifizierte Bewertungsanzahl
Chrome Web Store
Nutzer über uns
Illustrative Beispielkommentare — Chrome-Web-Store-Bewertungen ersetzen diese, sobald sie angebunden sind.
★★★★★
“Ich kann Familie, Stärke und Hex-Farbe von einer Live-Seite holen, ohne DevTools zu öffnen.”
★★★★★
“CSS und Kontrast in einem Panel zu kopieren ist genau das, was ich bei Audits brauche.”
★★★★★
“Alle Schriften auf der Seite hilft mir, inkonsistente Typografie auf einer Landing Page schnell zu finden.”
Drei schnelle Schritte
So funktioniert's
-
Erweiterung installieren
Fügen Sie what the font - font finder aus dem Chrome Web Store hinzu und heften Sie sie an die Symbolleiste.
-
Inspektion starten
Öffnen Sie das Popup, starten Sie die Inspektion und fahren Sie dann mit der Maus über beliebigen Text auf der Seite und klicken Sie.
-
Kopieren oder exportieren
CSS kopieren, Stile exportieren, Google Fonts öffnen oder alle Schriften auf der Seite durchsuchen.
Antworten vor der Installation
FAQ
Wie erkenne ich eine Schrift auf einer Website?
Installieren Sie what the font - font finder, starten Sie die Inspektion, fahren Sie mit der Maus über den Text und klicken Sie, um das Panel mit Familie, Größe, Stärke und Farbe zu öffnen.
Kann ich das CSS für den Text kopieren?
Ja. Im Panel können Sie die Schriftfamilie, Farbe oder ein CSS-Snippet für das inspizierte Element kopieren.
Funktioniert es auf jeder Seite?
Es funktioniert auf normalen Website-Tabs. Chrome-Systemseiten und einige eingeschränkte URLs können nicht inspiziert werden.
Kann ich alle Schriften auf einer Seite sehen?
Nutzen Sie Alle Schriften auf der Seite, um einzigartige sichtbare Textstile aufzulisten und im Detailpanel zu öffnen.
Kann ich das Aussehen während der Inspektion ändern?
Ja. Bearbeiten Sie Stärke, Größe, Abstände, Farbe und verwandte Stile am Element und setzen Sie dann zurück, um das Original wiederherzustellen.
Wo öffne ich Google Fonts?
Wenn die Familie durchsuchbar erscheint, nutzen Sie die Google-Fonts-Aktion im Panel, um eine Suche für diesen Namen zu öffnen.