Update 05.07.2011
Falls es im Internet Explorer 9 zu Problemen mit der Darstellung der Cufon-Schriften kommt, sollte die cufon-yui.js auf die neueste Version 1.09i geupdatet werden - Download. Nach dem Update brauchen einmal erzeugte Schriften nicht noch einmal neu generiert werden !
Update 21.10.2010
Neben Cufon gibt es mitterlweile weitere Möglichkeiten browserfremde Schriften einzubinden http://port11.de/content/schriften-im-web
Leider ist es im Browser nicht möglich jede beliebige Schriftart für die Darstellung von Webseiten zu verwenden - die Auswahl beschränkt sich hier stets auf die beim Benutzer installierten Schriften.
Um diesem "Manko" aus dem Weg zu gehen, gibt es schon seit einigen Jahren verschiedene Lösungen - sIFR war bisher eine recht verbreitete Methode - hier wurde der Text durch gerenderten Flash-Text ersetzt. Dies setzt dann natürlich ein installiertes Flash Plugin vorraus und sorgt beim ersten Laden der Seite ab und an für ein unschönes Flackern. weitere Informationen zu sIFR
Doch es geht auch anders
Mit Cufon wurde eine Technik entwickelt, die es ebenfalls erlaubt "browserfremde Schriften" einzubinden - hier geht man den Umweg über Javascript. Die Schrift wird im Javascript Format gespeichert und über das Plugin entsprechend eingebunden.
Vorteile von Cufon
- keine Plugins erforderlich
- Unterstützung von zahlreichen Browsern
- einfach einzusetzen
- schnell
- suchmaschinenfreundlich
Nachteil
- Text lässt sich im Browser nicht mehr markieren
- Javascript wird für die Einbindung benötigt
einfache Einbindung
- Download des cufon Moduls
- Download von cufon - cufon-yui.js und im Verzeichnis modules/cufon/js/ speichern
- Erstellen der "JavascriptFont" über den Font Generator - dieser kann neben TTF auch OTF verarbeiten
- generierte "JavascriptFont" in das Verzeichnis sites/all/libraries/cufon-fonts/ uploaden
- Konfiguration des Moduls über admin/settings/cufon - hier legt man die jquery Selektoren für die zu ersetzenden Elemente fest (Screenshot)
Beispielhaft habe ich hier die Schriftart Learning Curve 2.0 eingebunden.
Mein LearningCurve Text
Leider scheint das Modul noch ein kleines Problem mit den Schrift-Javascript Dateien zu haben - dadurch wird die Schrift nicht gefunden - durch Umbenennen sollte es dann aber passen ;)..
learningcurve_400.font.js -> learningcurve.font.js
Freie Schriftarten:
http://www.bvfonts.com/fonts/fonts.php?show=free
http://www.fontsquirrel.com/
Weitere Informationen zu Cufon:
http://drupal.org/project/cufon
http://cufon.shoqolate.com/
http://wiki.github.com/sorccu/cufon/about - How it works ;)
http://wiki.github.com/sorccu/cufon
| Anhang | Größe |
|---|---|
| 13.85 KB |


