Anonim

Cufon è una libreria javascript sostitutiva del testo. Non è correlato a sIFR in codebase, ma realizza la stessa cosa senza la necessità di file Flash. L'impostazione richiede circa 5 minuti, quindi non è necessario toccarlo di nuovo. Non potrebbe essere più semplice e può avere un grande impatto sull'aspetto del tuo sito web.

Come funziona

Il primo passo è inviare il tuo font attraverso il sito web di Cufon. Elaborano il carattere in un carattere SVG (grafica vettoriale scalabile). Quindi i percorsi vengono acquisiti elaborati in VML (vector markup language), che aumenta notevolmente la velocità di Cufon in IE. I dati risultanti vengono quindi codificati in JSON e passati a una funzione definita da Cufon per l'elaborazione, ed è qui che avviene la magia.

Esempi di Cufon

Innanzitutto, vai al sito Web di Cufon e invia il tuo file di caratteri per l'elaborazione. Sputerà un file .js da scaricare. Devi avere questo file per consentire a Cufon di tradurre il testo nel carattere che preferisci.

Successivamente, includi sia il file cufon-yui.js che il file javascript del font generato. L'ultimo è semplicemente racchiudere del testo in una classe e avviare una sostituzione Cufon attorno al nome di quella classe. Codice completo di seguito:

Questo è il testo nel font Molot

Risultati in:
Questo è il testo nel font Molot

Cufon Lineheight

Esiste un problema noto con tutti i browser con altezza della linea che probabilmente non verrà risolto

Cufon.now ()

Per una migliore esperienza visiva su Internet Explorer, si consiglia di chiamare la funzione Cufon.now () proprio prima del tag body. Questo si occupa di un blip momentaneo che potrebbe verificarsi quando la pagina viene caricata e quindi il carattere viene caricato.

Problemi con IE9

A partire da questo post, ci sono stati alcuni problemi con alcune versioni di IE9, so che stavano lavorando per risolverli e spero di avere presto una versione per risolvere questi problemi.

Caratteri di stile con sostituzione del carattere cufon