Da auch so genannte “Web safe fonts” erstens nicht mit letzter Sicherheit auf jedem Zielrechner vorhanden und daneben auch langweilig sind, habe ich mich entschieden, auf die in CSS3 verfügbare @font-face Eigenschaft zurückzugreifen und eine selbst gewählte Schrift direkt in die Seite einzubinden. Zur Verwendung auf dieser Seite standen aus naheliegenden Gründen nur kostenlos verfügbare, nach Möglichkeit auch unter einer freien Lizenz stehende, Schriftarten zur Wahl.

Erfreulicherweise steht mit Google web fonts eine ständig wachsende Sammlung von Open Source Fonts zur Verfügung. Zum Zeitpunkt des Erscheinens dieser Zeilen sind 393 Schriftarten verfügbar. Um eine Schriftart auf einer Webseite zu verwenden ist es lediglich notwendig eine einzige Zeile in die HTML-Struktur des Dokuments einzubauen, in dem die Schrift benutzt werden soll. Ist das erledigt kann die Schrift im Stylesheet wie jede andere über die gewohnten Selektoren zugewiesen werden. Das vereinfacht die ohnehin nicht schwierige Zuweisung von @font-face nochmals, um die verschiedenen notwendigen Dateiformate kümmert sich Google im Hintergrund.

Für das aktuelle Design von hp-gauster.net habe ich mich für die Droid Schriftfamilie entschieden, die ursprünglich für das Android-Betriebssystem entworfen wurde und dort auch als Standardschriftsatz in Verwendung war und ist. Droid wurde erst in der neuesten Version 4.0 von Android durch eine neue Schriftart namens Roboto ersetzt und ist, da sie als ganze Schriftfamilie mit Grotesk-, Antiqua- und Monospace-Schnitten vorliegt, sehr vielseitig einsetzbar.