20. Nov. 2009

@font-face: Schriften finden

Hier kommt seit kurzem die League Gothic für die Artikel-Überschriften zum Einsatz. Die Einbindung erfolgt mittels @font-face. Mit den von Font Squirrel zur Verfügung gestellten Dateien war die Einbindung per CSS ein Klacks, alles hat sofort funktioniert, sogar im IE6. Die eigentliche Arbeit war, die CSS-Eigenschaften für die Darstellung der Schrift an die eigenen Vorstellungen anzupassen.

Abb.: League-Gothic-Schriftmuster League Gothic von The League of Moveable Type (CC by-sa)

Per @font-face-Deklaration in der CSS-Datei Schriften in den Browser zu laden, die auf dem Rechner des Nutzers nicht installiert sind, eröffnet großartige typografische Gestaltungsmöglichkeiten beim Webdesign. In der Praxis besteht jedoch zunächst die Hürde, dass die meisten Lizenzen kommerzieller Schriften eine Einbettung des Fonts in eine Website nicht zulassen. Wenn man @font-face nutzen möchte, muss man sich also zunächst eine Schrift finden, die man legal einbetten darf.

Zum Ausprobieren der Technik bieten sich aber erfreulicherweise sehr viele kostenlose Schriften an, deren Lizenz dies erlaubt. Die mühsame Arbeit, solche Schriften zu finden, die Lizenz zu prüfen und zu katalogisieren muss man sich zum Glück auch nicht mehr machen, das übernimmt zum Beispiel Font Squirrel. Laut Website sind alle von Font Squirrel gelisteten Schriften kostenlos und sogar für kommerzielle Zwecke legal nutzbar. Falls man eine Schrift nutzen möchte, empfiehlt es sich jedoch, vorher zur Sicherheit selbst einmal einen Blick auf die zugehörigen Lizenzinformationen zu werfen.

Ein besonders praktischer Service bei Font Squirrel sind die fertigen @font-face-Pakete, die schon alle nötigen Dateien und CSS-Deklarationen für den Einbau in die eigene Website enthalten. Ansonsten kann man mit dem kinderleicht zu bedienenden @font-face-Generator auch selbst ein solches Paket aus einer Schrift erstellen.

Unter kostenlosen Schriften gibt es sowohl erstaunlich gute als auch sehr dürftige Exemplare. Dieser großen Qualitätsschwankungen sollte man sich bei der Auswahl einer passenden Schrift für’s eigene Design bewusst sein. Wie so oft gilt auch beim gestalterischen Einsatz von Typografie die Prämisse: Weniger ist oft mehr!
Eine bessere Entscheidungshilfe als solch umfangreiche, aber auch ziemlich wahllose Auflistungen wie bei Font Squirrel bieten liebevoll gestaltete Schriftmuster, die den Charakter einer Schrift herausstellen, wie z.b. bei The League of Moveable Type, einer Website, die Open-Source-Schriften anbietet und von zwei Designern gegründet wurde, um Schriften hoher Qualität für die Nutzung per @font-face zur Verfügung zu stellen.



Anzeige