WebFonter: Schwebendes Webfont-Testlabor

Nach der Veröffentlichung des FontShop-Plugin für Font-Probefahrten in Print-Layouts vor einem Jahr (vgl.: eine Einführung im Fontblog), kommt heute der WebFonter für das Live-Testen von Webfonts. Drei einfache Wege führen zu dem prak­ti­schen Tool, je nach Vorliebe und Browser-Präferenz:

  1. die Google-ChromeExtension, mit deren Hilfe selbst  komplexe, Javascript-reiche Websites sowie Sites auf lokalen Servern »geka­pert« werden können (Extensions für Safari und Firefox sind in Arbeit)
  2. das Bookmarklet (funk­tio­niert auf nahezu allen Websites und mit jedem modernen Browser)
  3. der Launcher auf webfonter​.font​shop​.com: einfach eine URL eingeben und deren Fonts austauschen

screen_webfonter

Versuchskaninchen Fontblog: tempo­räre Headline-Schrift Sansa Condensed und FF Milo Text für den Fließtext, um 0,2 Einheiten gesperrt …

Sobald der WebFonter mit einer dieser drei Methoden gestartet ist, erscheint im Browser sein schwe­bendes Bedienfenster, das zunächst die Modifikation der Headline- sowie der Text-Schrift einer Website anbietet. Experten tauchen viel­leicht lieber in die CSS-Tiefen einer Website ein, indem sie das Custom-CSS-Auswahlfenster öffnen, um gezielt Stil-Element anzu­steuern. Auf diese Art lassen sich sogar drei und mehr Fontwechsel auf einer Website vornehmen.

Ein beson­derer Leckerbissen sind Einstellmöglichkeiten für Schriftgröße, Zeilenabstand und Laufweite, was sowohl per Regler als auch nume­risch erfolgen kann. Tastaturbefehle stei­gern den Bedienkomfort des WebFonters: Strg-H zum Umschalten der Sichtbarkeit des WebFonters (prak­tisch für Screenshots) und Strg-T zum Umschalten aller Fontwechsel.

Selbstverständlich ist der WebFonter ein kosten­loses Tool. Hier geht es zur Einführung in den WebFonter …


<em>kursiv</em>   <strong>fett</strong>   <blockquote>Zitat</blockquote>
<a href="http://www…">Link</a>   <img src="http://bildadresse.jpg">