Praktische Tools um Schriftarten auf Webseiten zu erkennen

Nicht nur für Webdesigner ist es interessant zu wissen welche Schrift eine Webseite verwendet. Um nicht gleich in den Quellcode schauen zu müssen gibt es verschieden Möglichkeiten beziehungsweise Tools um Schriftarten von Webseiten auszulesen.

WhatFont

WhatFont ist eine einfache Erweiterung für Chrome, die sich als Button in die Add-on Leiste einbindet. Sobald das Tool per Klick aktiviert wurde, muss nur noch der Mauszeiger auf das gewünschte Schriftbild der Webseite gezogen werden und die Schriftart wird angezeigt. Wer mehr Informationen wie Schriftgröße, Schriftfamilie oder Farbcode möchte benötigt einen weiteren Mausklick um ein nettes InfoPopup einzublenden.

whatfont

Für Firefox Nutzer steht ein Bookmarklet zur Verfügung, welches gleiche Funktionalität wie die Erweiterung bietet.

Download

Font Finder

Wer für den Firefox Browser lieber eine Erweiterung anstatt des Bookmarklets möchte, der wird eventuell beim FontFinder fündig. Die Erweiterung bindet sich ebenfalls in die Add-on Leiste ein und zeigt ähnlich wie WhatFont alle relevanten Werte zum gewünschten Textausschnitt an (Color, Font, Spacing, Decoration). Zusätzlich können weitere Funktionen per Rechtsklick aufgerufen werden. So können Werte wie Schriftgröße, Farbe oder Schriftart individuell angepasst oder bei Bedarf komplett deaktiviert werden.

fontfinder

Download

Welche Erweiterung einem schlussendlich am ehesten liegt muss jedem wohl selbst überlassen werden. Optisch und funktional hat mich WhatFont am meisten angesprochen, andererseits verwende ich zur Webseitenanalyse fast immer Firebug, welcher relevante Werte ebenfalls anzeigt, allerdings nicht so komfortabel.

Trackbacks

Trackback-URL für diesen Eintrag

Dieser Link ist nicht aktiv. Er enthält die Trackback-URI zu diesem Eintrag. Sie können diese URI benutzen, um Ping- und Trackbacks von Ihrem eigenen Blog zu diesem Eintrag zu schicken. Um den Link zu kopieren, klicken Sie ihn mit der rechten Maustaste an und wählen "Verknüpfung kopieren" im Internet Explorer oder "Linkadresse kopieren" in Mozilla/Firefox.

Keine Trackbacks

Kommentare

Ansicht der Kommentare: Linear | Verschachtelt

Noch keine Kommentare

Kommentar schreiben

Die angegebene E-Mail-Adresse wird nicht dargestellt, sondern nur für eventuelle Benachrichtigungen verwendet.
Umschließende Sterne heben ein Wort hervor (*wort*), per _wort_ kann ein Wort unterstrichen werden.