So finden Sie die Schriftart einer Webseite mit dem Inspect Element Tool und den Browsererweiterungen

Der Erfolg Ihrer Website hängt stark von ihrem Erscheinungsbild ab. Mit der richtigen Farbkombination und dem richtigen Thema bleiben Ihre Besucher etwas länger auf Ihrer Website. Neben der Farbpalette und Struktur Ihrer Website spielt auch die von Ihnen gewählte Schriftart eine wesentliche Rolle, um Ihr Publikum zu begeistern.

Vielleicht stoßen Sie beim Surfen im Internet auf eine ansprechende Website und möchten wissen, welche Schriftarten sie verwendet. Mit Online-Erweiterungen und dem integrierten Inspect Element-Tool Ihres Browsers ist die Identifizierung einer Schriftart schnell und einfach.

Falls Sie es nicht wussten, können Sie mit dem integrierten Inspect Element-Tool Ihres Browsers den Quellcode einer Website untersuchen. Sie können die Designelemente einer Site verstehen, indem Sie sich CSS, HTML und andere Informationen ansehen. Es ist eine großartige Möglichkeit, sich bei der Gestaltung Ihrer eigenen Website inspirieren zu lassen.

Das Identifizieren einer Schriftart mit dem Werkzeug „Element prüfen“ ist recht einfach und Sie benötigen keine Programmierkenntnisse. Dieses Tool ist in allen Browsern auf dem Markt verfügbar und jeder hat ein ähnliches Layout.

So identifizieren Sie eine Schriftart mit dem Inspect-Tool Ihres Browsers.

1. Öffnen Sie die Website, die Sie verwenden möchten.
2. Markieren Sie den Text mit der Schriftart, die Sie identifizieren möchten, und klicken Sie mit der rechten Maustaste darauf.
3. Klicke auf Prüfen aus dem Kontextmenü.
4. Wenn das Inspect-Menü geöffnet wird, klicken Sie auf Berechnet.
5. Scrollen Sie nach unten, um die zu finden Schriftfamilie Sektion. Hier finden Sie den Namen und den Stil der Schriftart sowie ihre Abmessungen.

Wenn Sie die Schriftart einer Site mithilfe des Prüftools schneller finden möchten, versuchen Sie es stattdessen:

1. Öffnen Sie die Website, die Sie verwenden möchten.
2. Drücken Sie Strg + Umschalt + C (Befehlstaste + Umschalttaste + C auf dem Mac).
3. Bewegen Sie den Mauszeiger über den Text, um den Schriftstil, die Größe, den Farbcode und den Rand anzuzeigen.

Sie können die Liste der auf einer Webseite verwendeten Schriftarten auch mit dem Prüfwerkzeug überprüfen. So geht's:

1. Gehen Sie auf die Webseite.
2. Öffnen Sie den Quellcode, indem Sie drücken Strg + Umschalt + I (Befehlstaste + Umschalttaste + I auf dem Mac).
3. Drücke den Netzwerk Registerkarte, und wählen Sie dann die Schriftart Tab.
4. Hier sehen Sie eine Liste aller auf der Webseite verwendeten Schriftarten.

Um die Liste aller Schriftarten in Echtzeit zu erhalten, müssen Sie möglicherweise die Webseite aktualisieren.

Verbunden: So erhöhen oder verringern Sie die Schriftgröße in Firefox

So identifizieren Sie Schriftarten mithilfe von Browsererweiterungen

Wenn Sie eine Schriftart bequemer identifizieren möchten, können Sie eine Browsererweiterung zum Suchen von Schriftarten installieren. Es gibt zwar mehrere Browsererweiterungen, die bei der Erkennung von Schriftarten im Web helfen können, die beiden beliebtesten sind jedoch WhatFont und Schriftartenfinder.

Werfen wir einen Blick auf den Prozess zum Identifizieren von Schriftarten mit beiden Erweiterungen.

1. WhatFont

WhatFont ist weit verbreitet, um schnell mehrere Schriftarten gleichzeitig zu erkennen. So verwenden Sie dieses Tool.

1. Wenn WhatFont in Ihrem Browser aktiviert ist, bewegen Sie den Mauszeiger über den Text, um seine Schriftart anzuzeigen.
2. Sobald Sie auf den Text klicken, wird ein Popup-Fenster mit den restlichen Schriftdetails wie Schriftgröße, Farbe und Stil angezeigt.
3. Darüber hinaus können Sie mehrere Textabschnitte gleichzeitig auswählen, um verschiedene Schriftarten auf derselben Seite zu vergleichen.

Herunterladen: WhatFont für Chrom | Feuerfuchs | Safari (Kostenlos)

2. Schriftartenfinder

Font Finder zeigt auch Schriftartdetails an, wenn Sie mit der Maus über einen beliebigen Text auf einer Website fahren. Es bietet jedoch viele technische Details, sodass es etwas verwirrend werden kann, wenn Sie mit Webdesign nicht vertraut sind.

Font Finder eignet sich jedoch eher für Webentwickler, die vorhandene Schriftarten in Echtzeit durch neue ersetzen möchten. Dies macht es einfach, Schriftarten zu testen, bevor Sie dauerhafte Änderungen vornehmen.

So testen Sie eine Schriftart mit dem Font Finder:

1. Markieren Sie einen Textabschnitt auf der Webseite.
2. Klicken Sie mit der rechten Maustaste darauf und wählen Sie Schriftartenfinder aus dem Kontextmenü.
3. Wählen Schriftart ersetzen durch und geben Sie den Schriftartnamen ein. Lass uns hinzufügen Calibri und sehen Sie, wie sich die Schriftart in der Vorschau ändert.
4. Wenn Sie die Schriftart zurücksetzen möchten, aktualisieren Sie die Seite.

Herunterladen: FontFinder für Chrom | Kante | Feuerfuchs (Kostenlos)

Was ist mit dem Überprüfen der Schriftart in einem Bild?

Wenn Sie die Schriftarten in einem Bild identifizieren möchten, helfen Browsererweiterungen und das Inspect-Tool Ihres Browsers möglicherweise nicht weiter. Sie können jedoch Online-Bildinspektortools wie z WhatFontIs, SchriftartEichhörnchen, Fontspring, WhatTheFont, und viele andere.

Der Vorgang zum Identifizieren einer Schriftart anhand eines Bildes ist in allen Tools weitgehend gleich. Versuchen wir, die Schriftart in einem Bild mit WhatTheFont zu identifizieren.

1. Falls noch nicht geschehen, laden Sie das Bild herunter, das Sie verwenden möchten.
2. Importieren Sie das Bild in WhatTheFont.
3. WhatTheFont erkennt automatisch den Text in Ihrem Bild. Verkleinern oder vergrößern Sie den Zuschneiderahmen, sodass er die zu identifizierende Schriftart umgibt. Hit the Pfeiltaste wenn fertig.
4. WhatTheFont gleicht dann die Schriftart im Bild mit Schriftarten in seiner Galerie ab und zeigt Ihnen eng verwandte Schriftarten an.
5. Wenn Sie nicht sofort eine gute Übereinstimmung finden, können Sie weiter klicken Weitere Ergebnisse anzeigen um weitere verwandte Schriftarten anzuzeigen.

Verbunden: Die besten Websites für kostenlose Schriftarten für kostenlose Schriftarten online

Erkennen Sie Schriftarten aus dem Web und verwenden Sie sie in Ihren Designs

Schriftarten spielen eine wesentliche Rolle für den Erfolg einer Website oder eines Grafikdesigns. Wenn Sie beim Surfen im Internet auf eine ansprechende Schriftart stoßen, können Sie sie mit den oben genannten Methoden leicht erkennen.

WhatTheFont und 4 Alternativen zum Suchen von Schriftarten aus Bildern

Möchten Sie Schriftarten aus Bildern finden? Es gibt Online-Tools, die dies für Sie tun können, darunter WhatTheFont und verschiedene Alternativen.

Weiter lesen

Über den Autor