Schriftart aus Website herausfinden (und zwar in Sekunden)

Ich zeige dir zwei geniale Tricks, mit denen du im Handumdrehen jede Schriftart aus einer Website herausfinden kannst, ganz egal, ob du gerade an deiner ersten Website bastelst oder einen Relaunch deiner Seite planst. 

Du kennst das bestimmt: Du surfst im Netz, landest auf einer Website und plötzlich springt sie dir ins Auge – deine neue Schriftart.

Aber wie findet man heraus, welche Schriftart das ist?

Was du dafür brauchst, sind eine Website deiner Wahl den Google Chrome Webbrowser, denn darin zeige ich dir beide Optionen.

Falls Video mehr dein Ding ist: Hier findest du die Anleitung auch zum Anschauen.

Methode 1: Backend einer Website 

Klick mit der rechten Maustaste irgendwo auf die Webseite. Du siehst jetzt zwei Optionen: „Seitenquelltext anzeigen“ und „Untersuchen“. Klick auf „Untersuchen“. Beide Optionen bringen dich an die gleiche Info – allerdings ein wenig anders dargestellt.

Was wir suchen, befindet sich im Kopfbereich der Seite, also im „Head“. Scroll da ein bisschen rum, bis du auf einen Bereich stößt, der mit „style“ markiert ist. Öffne diesen Bereich und – voilà – hier findest du alle Schriftarten, die auf der Webseite verwendet werden. Der Name der Schriftart folgt direkt nach „font-family“.

Methode 2: Google Chrome Erweiterung

Aber was, wenn du nicht nur wissen willst, welche Schriftarten generell verwendet werden, sondern die genaue Schriftart eines bestimmten Textes herausfinden möchtest? Hier kommt die Chrome-Erweiterung „Was ist das für eine Schriftart“ ins Spiel.

Zuerst fügst du die Erweiterung zu deinem Browser hinzu. Danach öffnest du die Website deiner Wahl und aktivierst die Erweiterung oben rechts neben deinem Login Bild unter “Erweiterungen”. Und schon kannst du mit deiner Maus über jeglichen Text auf der Webseite fahren und bekommst sofort den Namen der Schriftart angezeigt. Einfacher geht’s nicht!

Troubleshooting

Du findest die Schriftart nirgendwo zum kaufen

Wenn du eine Schriftart in dein Websiteprojekt hochlädst, hast du die Möglichkeit, die Schriftart selbst zu benennen. Und genau dieser Name wird dir angezeigt. Wird also der Name aus versehen oder sogar bewusst geändert, rührt daher der Fehler im eigentlichen Name.

Irgendwie ist alles “Times”

Bei der Erweiterung wird jeder Text, der nicht als solcher erkannt wird, mit “Times” gekennzeichnet. Das könnte ein Text auf einem Bild sein oder der Bereich ist anders geschützt und deshalb nicht lesbar.

---

Solltest du auf Probleme stoßen oder Fragen haben, zögere nicht, mir unter hallo@juliafranke.design zu schreiben. Ich hoffe, diese Tipps erleichtern deine Suche nach der nächsten Schriftart und bringen dein Projekt voran. 

Und falls du auf der Suche nach weiteren Schriftarten bist, hab ich hier meine Top Google Fonts für dich zusammengestellt:

• Richtig schicke und kostenlose Google Fonts für deine Website (Teil 01)
• Richtig schicke und kostenlose Google Fonts für deine Website (Teil 02)

Viel Spaß bei der Inspirationssuche,

Deine Julia

---

Pinne dir diesen Blogpost: