Haupt Andere So überprüfen Sie die Schriftgröße und das Schriftbild auf einer Website

So überprüfen Sie die Schriftgröße und das Schriftbild auf einer Website



Egal, ob Sie sich für Design interessieren oder einfach nur das Aussehen einer bestimmten Website mögen, zu wissen, welche Schriftart die Website verwendet und welche Größe sie hat, kann Ihnen dabei helfen, sie zu emulieren oder auf Ihrer eigenen Website zu verwenden. Es gibt mehrere Möglichkeiten, dies zu erreichen, und ich zeige Ihnen hier einige davon. Wenn Sie also Schriftart und -größe auf einer Website überprüfen möchten, lesen Sie weiter!

So überprüfen Sie blockierte Nummern auf dem iPhone
So überprüfen Sie die Schriftgröße und das Schriftbild auf einer Website

Bei buchstäblich Millionen von Schriftarten kann es länger dauern, die perfekte zu finden, als sie sollte. Wenn Sie einen guten finden, müssen Sie sofort herausfinden, was er ist, sonst könnten Sie ihn für immer verlieren. Wenn sie besonders gut ist, können Sie sie je nach Schriftart auf Ihrer eigenen Website, als Office-Schriftart oder innerhalb von Windows verwenden. Denken Sie nur daran, dass einige Schriftarten urheberrechtlich geschützt sind und nicht für die öffentliche Verwendung verfügbar sind.

Überprüfen Sie Schriftart und -größe auf einer Website

Es gibt verschiedene Möglichkeiten, die Schriftart und -größe auf jeder Website zu überprüfen. Die einfachste Methode verwendet den Browser selbst, während andere Tools von Drittanbietern verwenden, um Seiteninhalte zu identifizieren. Ich werde beide Arten behandeln. Zunächst konzentrieren wir uns auf die integrierte Browsermethode.

  1. Klicken Sie mit der rechten Maustaste auf die Seite, die Ihnen gefällt, und wählen Sie Element prüfen (Firefox), Inspizieren (Chrome) oder F12 Developer Tools (Edge).
  2. Wählen Sie in den neuen unteren Fenstern Inspektor (Firefox) und scrollen Sie rechts nach unten, bis Sie Schriftart erreichen. Es sollte die Schriftfamilie, die verwendete Schriftart, ihre Größe, ihre Farbe und alles andere, was die Seite definiert, anzeigen.

Unterschiedliche CMS und unterschiedliche Webdesigns zeigen ihre Schriftinformationen auf unterschiedliche Weise an. Probieren Sie diese Methode auf einigen Webseiten aus und Sie werden wahrscheinlich einige verschiedene Arten sehen, wie Schriftarten definiert werden.

wie-überprüft man-Schriftart-und-größe-auf-einer-Website-2

Tools von Drittanbietern zur Identifizierung von Schriftart und -größe

Es gibt einige Add-Ons von Drittanbietern, die entweder als Plugins oder als Bookmarklets funktionieren und Schriftarten identifizieren können. Sie funktionieren mit den meisten Browsern, einschließlich Safari, also sollten Sie etwas finden, mit dem Sie ohne große Probleme arbeiten können.

Feuerwanze

Firebug war früher ein reines Firefox-Debugging-Tool für Entwickler. Es wurde so populär, dass es jetzt browserunabhängig ist und mit den meisten Browsern funktioniert. Es ist ein unglaublich vielseitiges Tool, das jedes Element einer Webseite überprüfen kann, einschließlich der Schriftart.

Installieren Sie das Add-On einfach wie gewohnt, markieren Sie Text auf der Seite, klicken Sie in Firebug auf die Registerkarte HTML und dann rechts auf 'Berechnung'. Firebug sollte dann den Schriftnamen, die Schriftfamilie, die Größe, das Gewicht und alles, was Sie wissen müssen, hervorheben.

Beachten Sie jedoch, dass Firebug seit 2017 eingestellt wurde. Ältere Versionen davon können weiterhin heruntergeladen werden, werden jedoch nicht mehr aktualisiert und Firebug wird wahrscheinlich an Funktionalität verlieren, wenn sich die Browser weiterentwickeln.

pokemon go welches pokemon ich behalten soll

wie-überprüft man-Schriftart-und-größe-auf-einer-Website-3

WhatFont

WhatFont ist ein Bookmarklet, das Schriftarten auf Webseiten identifizieren kann. Ziehen Sie das Bookmarklet auf Ihre Lesezeichenleiste und verwenden Sie es, um fast jede Schriftart überall zu identifizieren. Es ist kostenlos zu verwenden und sehr einfach. Navigieren Sie zu einer Webseite, die Ihnen gefällt, klicken Sie auf das Bookmarklet und fahren Sie mit der Maus über die Schriftart, die Sie identifizieren möchten. Darüber erscheint ein kleines schwarzes Kästchen, das Ihnen die Schriftart anzeigt.

Wie lange bleiben deine Gegenstände, wenn du in Minecraft stirbst?

Da es aktualisiert wurde, wurde es sogar mit verwandten Add-Ons kompatibel gemacht.

Je nachdem, wie das CMS konfiguriert oder die Seite gestaltet ist, handelt es sich wiederum entweder um eine einfache Schriftartidentifikation oder um ein vollständiges Feld mit Größe, Farbe, Gewicht usw.

Es gibt viele Add-ons vom Typ Bookmarklet, die Schriftarten identifizieren können. WhatFont ist nur einer davon. Benutzt du einen? Hat Sie dieser Artikel überzeugt, einen neuen auszuprobieren? Lassen Sie es uns unten wissen.

Interessante Artikel

Tipp Der Redaktion

Bill Gates ist nicht mehr der größte Aktionär von Microsoft
Bill Gates ist nicht mehr der größte Aktionär von Microsoft
Bill Gates wird bis Mitte 2018 kein direktes Eigentum an Microsoft haben, wenn er seine jüngsten Aktienverkäufe aufrechterhält. Gates hat in den letzten zwölf Jahren jedes Quartal 20 Millionen Aktien im Rahmen eines voreingestellten Handels verkauft
So vergrößern Sie Schriftarten, ohne die DPI in Windows 8.1 und Windows 8 zu ändern
So vergrößern Sie Schriftarten, ohne die DPI in Windows 8.1 und Windows 8 zu ändern
So erhöhen Sie die Textgröße in Windows 8.1 ohne Änderung der DPI. Ändern Sie die Schriftgröße von Menüs, Titelleisten und anderen Elementen.
Die Funktion 'Später lesen' von Chrome wurde erstmals auf Canary veröffentlicht
Die Funktion 'Später lesen' von Chrome wurde erstmals auf Canary veröffentlicht
Wie Sie sich vielleicht erinnern, erhält Google Chrome eine neue Funktion, die an die Sammlungsfunktion von Microsoft Edge erinnert. Einfach als 'Später lesen' bezeichnet, ermöglicht es das Speichern von Registerkarten in einem speziellen Bereich, der mit einer neuen Schaltfläche geöffnet werden kann. Ab Google Chrome Canary 86.0.4232.0 können Sie damit bereits die Schaltfläche für diese neue Funktion aktivieren
Tag-Archiv: Automatische Regeln für Windows 10 Quiet Hours
Tag-Archiv: Automatische Regeln für Windows 10 Quiet Hours
LG Watch Urbane im Test: Der neue Champion von Android Wear
LG Watch Urbane im Test: Der neue Champion von Android Wear
Ich habe eine Hassliebe zu Smartwatches. Ich finde es toll, dass sie Benachrichtigungen an meinem Handgelenk liefern und ich das Zifferblatt nach Belieben ändern kann. aber ich hasse es – mit Leidenschaft – sie jeden Tag aufladen zu müssen. Diese
Microsoft Edge: Unterstützung für die Windows-Rechtschreibprüfung in Chromium Engine
Microsoft Edge: Unterstützung für die Windows-Rechtschreibprüfung in Chromium Engine
Microsoft möchte, dass Chromium-Benutzer die Wahl haben, die native Windows-Rechtschreibprüfung zu verwenden. Das Interesse des Unternehmens besteht darin, diese Funktion in seinem eigenen Browser, Microsoft Edge, verfügbar zu machen, dessen kommende Version auf Chromium basiert. Werbung Das Microsoft-Team beteiligt sich aktiv an der Entwicklung des Chromium-Projekts und passt es an seine eigene Vision von an
So stornieren Sie eine Bestellung in RobinHood
So stornieren Sie eine Bestellung in RobinHood
Robinhood ist eine benutzerfreundliche Handels-App, mit der Sie Optionen, Aktien, Kryptowährung und börsengehandelte Fonds handeln können. Die Plattform ist für Experten und Neueinsteiger gleichermaßen schlank und leicht verständlich. Aber selbst in einer so einfachen Anwendung können Sie