So laden Sie eine Schriftart von einer Website mit den Entwicklertools in Chrome oder Edge herunter

In diesem Artikel werden wir darüber sprechen, wie Sie das können Laden Sie mit den Entwicklertools Schriftarten von Websites im Chrome- oder Edge-Browser herunter. Sowohl Chrome als auch Edge verfügen über integrierte Webentwickler- und Authoring-Tools, mit denen Websites direkt im Browser überprüft werden können. Mit den Entwicklertools können Sie viele Dinge tun. So können Sie beispielsweise Schriftarten auf einer Website identifizieren, in der Quelldatei suchen, einen integrierten Verschönerer verwenden, Sensoren und geografische Standorte emulieren und vieles mehr.

Jetzt können Sie auch Schriftarten von einer Website herunterladen Entwicklerwerkzeuge. Um eine Schriftart von einer Website herunterzuladen, müssen Sie einige Optionen durchgehen und einen Trick ausprobieren. Schauen wir uns das Verfahren im Detail an.

Laden Sie mit den Chrome Developer Tools eine Schriftart von einer Website herunter

In diesem Beitrag zeigen wir Ihnen die Schritte zum Herunterladen einer Schriftart von einer Website in Google Chrome. Sie können die gleichen Schritte verwenden, um eine Website-Schriftart in Ihrem Microsoft Edge-Browser herunterzuladen. Hier sind die Schritte dazu:

1. Starten Sie Google Chrome.
2. Rufen Sie die Website auf, von der Sie Schriftarten herunterladen möchten.
3. Öffnen Sie die Entwicklertools.
4. Navigieren Sie zur Registerkarte Netzwerk.
5. Klicken Sie auf die Option Schriftart und wählen Sie eine Schriftart zum Herunterladen aus.
6. Laden Sie die Schriftartdatei herunter.
7. Benennen Sie die heruntergeladene Datei mit der Dateierweiterung der Schriftart um.

Sehen wir uns diese Schritte im Detail an!

Öffnen Sie zunächst Google Chrome und gehen Sie zu der Website, von der Sie eine Schriftart herunterladen müssen. Gehen Sie als nächstes zum Drei-Balken-Menü und klicken Sie auf die Weitere Tools > Entwickler Werkzeugoption. Alternativ können Sie auch die drücken Strg + Umschalt + I Tastenkombination, um schnell das Entwicklertools-Bedienfeld zu öffnen.

Klicken Sie nun im geöffneten Abschnitt „Entwicklertools“ auf die Schaltfläche mit dem Doppelpfeil und wählen und öffnen Sie dann die Netzwerk Registerkarte aus der oberen Menüleiste. Laden Sie danach die Website, auf der Sie sich befinden, neu.

Klicken Sie anschließend auf die Schriftart Kategorie und Sie sehen eine Liste der eingebetteten Schriftarten mit den entsprechenden Schriftartnamen, die auf der Website vorhanden sind. Sie können eine Schriftart aus der Liste auswählen und sehen ihre Vorschau im dafür vorgesehenen Bereich, wie im folgenden Screenshot gezeigt.

Wie kann man nun das Schriftformat identifizieren? Nun, fahren Sie einfach mit der Maus über die Schriftart und sehen Sie die Dateierweiterung am Ende. Siehe den folgenden Screenshot.

Klicken Sie danach einfach mit der rechten Maustaste auf die Schriftart und dann im Kontextmenü auf die Kopieren > Antwort kopieren Möglichkeit.

Fügen Sie als Nächstes eine neue Registerkarte in Ihrem Chrome-Browser hinzu und fügen Sie die kopierte Antwort in die Adressleiste der Registerkarte ein und drücken Sie dann die Eingabetaste. Dabei wird eine Datei heruntergeladen.

Gehen Sie nun zu Ihrem Download-Ordner, in dem die obige Schriftartdatei heruntergeladen wird. Diese Datei müssen Sie nun mit der Font-Dateierweiterung umbenennen. Gehen Sie dazu zunächst auf die Sicht Registerkarte im Datei-Explorer und aktivieren Sie dann die Dateinamenerweiterungen Möglichkeit. Wählen Sie nun die heruntergeladene Schriftartdatei aus und klicken Sie auf die Umbenennen Möglichkeit. Fügen Sie die Dateierweiterung der identifizierten Schriftart hinzu (z. B. .woff2) und drücken Sie die Eingabetaste.

Voila, so laden Sie eine Schriftartdatei von einer Website herunter.

Seit Microsoft Edge basiert nun auf Chromwie Chrome, können Sie eine Schriftartdatei im Edge-Browser herunterladen, indem Sie die gleichen Schritte wie oben ausführen.

Ich hoffe, dieser Artikel hat Ihnen geholfen, zu lernen, wie Sie mit den Entwicklertools Schriftarten von einer Website im Chrome- oder Edge-Browser herunterladen.