Cufon ist eine Text-Ersatz-Javascript-Bibliothek. Es hat nichts mit sIFR in der Codebasis zu tun, führt aber das Gleiche ohne die Notwendigkeit von Flash-Dateien durch. Das Einrichten dauert ca. 5 Minuten und dann müssen Sie es nicht mehr berühren. Es könnte nicht einfacher sein und es kann einen großen Einfluss auf die Art, wie Ihre Website aussieht, haben.
Wie es funktioniert
Der erste Schritt besteht darin, Ihre Schriftart über die Cufon-Website einzureichen. Sie verarbeiten die Schriftart in eine SVG-Schriftart (skalierbare Vektorgrafiken). Dann werden die Pfade zu VML (Vector Markup Language) verarbeitet, was die Geschwindigkeit von Cufon im IE stark erhöht. Die resultierenden Daten werden dann in JSON kodiert und an eine Cufon-definierte Funktion zur Verarbeitung übergeben, und genau dort findet die Magie statt.
Cufon Beispiele
Gehen Sie zuerst auf die Cufon-Website und reichen Sie Ihre Schriftartdatei zur Verarbeitung ein. Es wird eine .js-Datei zum Herunterladen ausgespuckt. Sie müssen diese Datei haben, damit Cufon den Text in die Schriftart Ihrer Wahl übersetzen kann.
Als nächstes fügen Sie sowohl die Datei cufon-yui.js als auch die generierte Javascript-Datei für die Schriftart ein. Zuletzt wird nur ein Text in eine Klasse eingebunden und ein Cufon-Ersatz um diesen Klassennamen herum initiiert. Vollständiger Code unten:
$ (Dokument) .ready (Funktion () {Cufon.replace ('. molot');}); Dies ist Text in der Molot Schriftart Ergebnisse in:
Dies ist Text in der Molot Schriftart
Cufon Linehöhe
Es gibt ein bekanntes Problem mit allen Browsern mit Zeilenhöhe, das wahrscheinlich nicht behoben wird
Cufon.now ()
Es wird empfohlen, dass Sie die IEEE-Funktion Cufon.now () direkt vor dem Body-Tag aufrufen. Dies sorgt für einen ansonsten momentanen Blip, der beim Laden der Seite und beim Laden der Schriftart auftreten kann.
Cufon.now ()
IE9 Probleme
Seit dieser Veröffentlichung gab es einige Probleme mit bestimmten Versionen von IE9, ich weiß, dass sie daran arbeiteten, sie zu lösen, und hoffe, bald eine Veröffentlichung zu haben, um diese Probleme zu beheben.
