Cufon è un progetto per molti versi simile a quel typeface.js già segnalato qui sul blog.
Simile intanto per lo scopo: è un 'alternativa a sIFR perché consente di rimpiazzare il carattere di specifici elementi della pagina con qualunque font (attenzione alle licenze d'uso!) senza ricorrere a Flash.
Simile per la tecnologia su cui si basa, una combinazione di canvas
, VML e Javascript.
Simili, per certi versi, anche alcuni dei difetti. A partire dall'impossibilità di selezionare il testo.
Per i dettagli implementativi, è sufficiente fare riferimento alle rispettive guide d'uso (Cufón, typeface.js) e decidere quale fa al caso nostro. C'è da dire, ad esempio, che typeface.js risolve il problema degli elementi a cui applicare la tecnica attraverso l'uso di una classe specifica da aggiungere all'elemento in questione, mentre Cufon di default può essere applicato solo ad elementi semplici e generici (tipo h1
, per intenderci). Non incorpora infatti un proprio selector engine. Si può risolvere appoggiandosi a librerie come jQuery, MooTools o Prototype che lo script riconosce automaticamente se sono caricate prima di Cufón: a quel punto è possibile applicare la tecnica a qualunque elemento ricorrendo alla consueta sintassi del tipo #navigazione h1
, etc.
Come typeface.js, il servizio mette a disposizione un generatore con cui si possono trasformare font nei formati TTF, OTF e PFB nel font in formato .js da incorporare nella pagina. Ecco per finire un esempio.