Cufon ist eine JavaScript-Bibliothek als Textersatz. Es hat keine Beziehung zu sIFR in der Codebasis, erreicht jedoch dasselbe, ohne dass Flash-Dateien erforderlich sind. Das Einrichten dauert ca. 5 Minuten, und Sie müssen es dann nicht erneut berühren. Einfacher geht es nicht und es kann einen großen Einfluss auf das Erscheinungsbild Ihrer Website haben.
Wie es funktioniert
Der erste Schritt besteht darin, Ihre Schriftart über die Cufon-Website einzureichen. Sie verarbeiten die Schrift in eine SVG-Schrift (Scalable Vector Graphics). Anschließend werden die erfassten Pfade zu VML (Vector Markup Language) verarbeitet, was die Geschwindigkeit von Cufon im IE erheblich erhöht. Die resultierenden Daten werden dann in JSON codiert und zur Verarbeitung an eine von Cufon definierte Funktion übergeben.
Cufon Beispiele
Rufen Sie zunächst die Cufon-Website auf und senden Sie die Schriftartdatei zur Verarbeitung. Es wird eine .js-Datei zum Herunterladen ausspucken. Sie benötigen diese Datei, damit Cufon den Text in eine Schriftart Ihrer Wahl übersetzen kann.
Fügen Sie als Nächstes sowohl die Datei cufon-yui.js als auch die generierte Schriftart-Javascript-Datei hinzu. Zuletzt wird nur ein Text in eine Klasse eingebunden und ein Cufon-Ersatz um diesen Klassennamen initiiert. Vollständiger Code unten:
Dies ist Text in der Schriftart Molot
Ergebnisse in:
Dies ist Text in der Schriftart Molot
Cufon Lineheight
Bei allen Browsern mit einer Zeilenhöhe ist ein Problem bekannt, das wahrscheinlich nicht behoben werden kann
Cufon.now ()
Es wird empfohlen, für eine bessere Anzeige im Internet Explorer die Funktion Cufon.now () direkt vor dem Body-Tag aufzurufen. Dadurch wird ein ansonsten vorübergehender Fehler behoben, der auftreten kann, wenn die Seite geladen und dann die Schriftart geladen wird.