Cufon, un’alternativa a sIFR senza Flash
Venerdì 27 Febbraio 2009 - 08:25
di Cesare Lamanna
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.
Categoria: Web Design | Permalink
Commenti
1
Lo sto usando proprio in questi giorni per un progetto.
E’ abbastanza comodo, l’unica pecca è che non supporta l’hover sui link (ma in qualche modo ho risolto con jQuery).# - postato da David - 27 Febbraio 2009 - 09:55
2
raga ma è compatibile con IE?
# - postato da mimmo - 27 Febbraio 2009 - 10:51
3
Sì, funziona bene con IE6
# - postato da David - 27 Febbraio 2009 - 12:01
4
JavaScript che insegue Flash è una delle cose che mi fa più ridere al mondo: per anni, un gruppo di talebani dediti agli standard (pfui), ha parlato di Flash come il demonio e adesso gli stessi talebani che fanno? L’imitazione di Flash tramite JS!
# - postato da Pino - 28 Febbraio 2009 - 15:39
5
Sono d’accordo con Pino. Capisco usare Javascript (e relativi frameworks) per migliorare l’usabilità di un sito, ma usarlo per fare solo effettucci vari (tra cui quello inutile a mio modo di vedere di cambiare il font di una pagina) mi sembra uno spreco.
# - postato da Alessandro - 02 Marzo 2009 - 15:29
6
non ho capito bene la storia dell’YIU Compressed!!! cos’è una cosa da scaricare? dove cavolo la scarico, non ci capisco niente! un tutorial in italiano????
7
Francesca, YUI Compressed significa che lo script è stato compresso per ridurne le dimensioni. L’unica cosa che devi fare è scaricare questo Javascript e inserirlo nella head della pagina come mostrato qui insieme al javascript del font.
# - postato da Cesare Lamanna - 06 Marzo 2009 - 18:20
8
A Pino ed Alessandro.
Nella maggior parte dei casi si cerca di utilizzare tecniche di “unobtrusive JavaScript” per aggiungere dinamicità alla pagina permettendole comunque di conservare l’indicizzabilità e la correttezza semantica dei contenuti.
Proprio per questo ultimamente, ove possibile, si cerca di utilizzare JS per fare quello che una volta si faceva con Flash.In questo caso però entrambe le tecnologie usano JS. Il focus della discussione andrebbe spostato secondo me sui pregi ed i difetti di queste, considerato anche il fatto che sono comunque tecnologie di transizione dato che per il futuro ci si sta già muovendo per assimilare il @font-face embedding in tutti i browser.
sIFR genera un oggetto con testo cliccabile e selezionabile, Cufon invece usa canvas che non necessita di particolari plugins. Qual’è secondo voi la scelta da fare?
9
[…] Ē possibile abilitare la gestione dei font di tipo cufon. […]
# - postato da Il tema Fazyvo - 01 Settembre 2009 - 09:31
10
rispondere a uno che da dei talebani a quelli che hanno cercato e cercano di creare degli standard seri per un mezzo che di standard aveva poco o niente… mi sembra davvero una perdita di tempo.
non c’e assolutamente NIENTE di sbagliato nel rendere piu gradevoli pagine web con l’utilizzo di javascript, perche’ se ben costruita la pagina rispettera’ il principio della “graceful degradation” - e di conseguenza un utente senza js avra’ accesso alla stessa identica pagina, ma con un font standard web.
# - postato da Salvatore - 05 Dicembre 2009 - 16:58
11
Si, Cufon è molto interessante. Lo abbiamo implementato in alcuni dei nostri siti web e visto che c’eravamo abbiamo creato anche un articolo, una breve guida di implentazione