Schriftarten mit Cufon Font Replacement

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.