Ob Sie sich für Design interessieren oder einfach nur das Aussehen einer bestimmten Website mögen, wenn Sie wissen, welche Art von Schriftart die Website verwendet und welche Größe sie hat, können Sie sie emulieren oder auf Ihrer eigenen Website 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!
Bei buchstäblich Millionen von Schriftarten kann es länger dauern, die perfekte zu finden, als es sollte. Wenn Sie ein gutes erkennen, müssen Sie herausfinden, was es genau dort und dann ist, sonst könnten Sie es für immer verlieren. Wenn es sich um eine besonders gute Schriftart handelt, können Sie sie je nach Schriftart auf Ihrer eigenen Website, als Office-Schriftart oder in Windows verwenden. Denken Sie nur daran, dass einige Schriftarten urheberrechtlich geschützt sind und nicht für die öffentliche Nutzung verfügbar sind.
Überprüfen der Schriftart und -größe auf einer Website
Es gibt verschiedene Möglichkeiten, die Schriftart und -größe auf einer Website zu überprüfen. Die einfachste Methode verwendet den Browser selbst, während andere Tools von Drittanbietern verwenden, um Seitenressourcen zu identifizieren. Ich werde beide Typen abdecken. Zunächst konzentrieren wir uns auf die integrierte Browsermethode.
- Klicken Sie mit der rechten Maustaste auf die Seite, die Ihnen gefällt, und wählen Sie Inspect Element (Firefox), Inspect (Chrome) oder F12 Developer Tools (Edge).
- Wählen Sie Inspector (Firefox) oder Computed (Chrome) in den neuen unteren Fenstern und scrollen Sie rechts nach unten, bis Sie Schriftart oder Schriftgröße erreichen. Es sollte die Schriftfamilie, die verwendete Schriftart, ihre Größe, ihre Farbe und alles andere anzeigen, was die Seite definiert.
Verschiedene CMS und verschiedene Webdesigns zeigen ihre Schriftarten auf verschiedene Arten an. Probieren Sie diese Methode auf einigen Webseiten aus und Sie werden wahrscheinlich verschiedene Arten der Definition von Schriftarten sehen.
Tools von Drittanbietern zur Identifizierung von Schriftart und -größe
Es gibt einige Add-Ons von Drittanbietern, die entweder als Plugins oder als Lesezeichen 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.
Firebug
Firebug war früher ein 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 einfach das Add-On wie gewohnt, markieren Sie Text auf der Seite, klicken Sie auf die Registerkarte HTML in Firebug und klicken Sie dann rechts auf Berechnet. 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 ab 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 Browser weiterentwickeln.
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 benutzen und sehr unkompliziert. Navigieren Sie zu einer gewünschten Webseite, klicken Sie auf das Bookmarklet und bewegen Sie den Mauszeiger über die Schriftart, die Sie identifizieren möchten. Darüber erscheint ein kleines schwarzes Kästchen, das Ihnen die Schriftart mitteilt.
Da es aktualisiert wurde, wurde es sogar mit verwandten Add-Ons kompatibel gemacht.
Je nachdem, wie das CMS konfiguriert ist oder wie die Seite gestaltet ist, handelt es sich entweder um eine einfache Schriftartkennzeichnung oder um ein vollständiges Feld, in dem Größe, Farbe, Gewicht usw. angegeben werden.
Fontanello
Fontanello ist eine großartige kostenlose Browsererweiterung, mit der Sie die Schriftart einer Site schnell und einfach anzeigen können. Obwohl es derzeit nur für Chrome und Firefox verfügbar ist, ist diese Erweiterung den Download wert.
Websites inspizieren
Es gibt viele Bookmarklet-Add-Ons, die Schriftarten identifizieren können. WhatFont ist nur einer von ihnen. Verwenden Sie eine? Hat dich dieser Artikel überzeugt, einen neuen auszuprobieren? Lassen Sie es uns unten wissen.