19.10.2008

CSS Fonts einfach online testen

Wer beim Erstellen eines WordPress-Temes schnell und einfach einmal verschiedene mit CSS beeinflussbare Schriftarten, -stile und -formatierungen ausprobieren möchte kann auf mehrere Onlinetools zurückgreifen.

Alle diese Tools bieten dem Benutzer die Möglichkeit sich verschiedene Fonts in unterschiedlichen Grössen und Stilen anzusehen, zu vergleichen und schliesslich auch die zugehörigen CSS-Eigenschaften herunterzuladen. Hier drei ausgewählte Seiten zum Thema CSS Fonttesting Tools

  • Typechart

    Typechart bietet in einem Blog-ähnlichen Stil verschiedene Schriften in unterschiedlichen Grössen und mit den Formatierungen ‘bold’, ‘italic’ und ‘uppercase’ an. Die Anzahl der Schriften beschränkt sich auf sieben, drei Fonts davon sind durch Symbole als Mac- bzw. Windows-only gekennzeichnet. Die gesamte Navigation entspricht einer Blogstruktur mit Menüpunkten und Kategorien, ebenfalls enthalten sind einige Links zu weiterführenden Typographie-Seiten. Auch wenn die Optionen hier geringer ausfallen hat die Blog-Darstellung (neben den ansprechenden Design) durchaus was. So kann man sich leichter vorstellen wie die gewählte Schriftformatierung im eigenen Theme wirken könnte.

  • Typetester

    Typetester stellt einen vom Benutzer editierbaren Kurztext in drei nebeneinanderliegenden Spalten dar dessen Darstellung für jede der drei Spalten über acht CSS-Eigenschaften beeinflusst und verglichen werden kann. Die drei Spalten enthalten den selbstformatierten Text in zwölf verschiedenen Darstellungsformen von ‘regular’ über ‘uppercase’ bis ‘bold italic’. Typetester stellt eine grosse Anzahl verschiedener Schriftarten zum Testen zur Auswahl welche in einem DropDown-Menü nach Web-sicher, Mac- und WIndows-default sortiert sind, weiterhin kann auch ein eigener Font aus einem zweiten DropDown-Menü ausgewählt werden.

  • Fonttester

    Mit dem Fonttester lassen sich insgesamt nicht weniger als 19 verschiedene CSS-Eigenschaften an einem Text in drei, zwei oder einpaltiger Variante vergleichen bzw. anzeigen. Die grosse Auswahl an Schriftarten wird ebenfalls in einem DropDown-Menü zu Verfügung gestellt und ist in die Gruppen ‘websafe’, ‘other’ und ‘default’ aufgegliedert, eine Tabelle mit den gängigsten Schriftzeichen wird ebenfalls angezeigt. Das Seitendesign von Fonttester ist eher einfach gehalten, im Punkt Optionsvielfalt schlägt er aber beide anderen Seiten.

Vielleicht auch noch lesenswert:

Kommentar schreiben

XHTML: Zur Formatierung können folgende Tags benutzt werden: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>