3018 Iscritti alla community

sIFR 2.0: ancora font personalizzati sul web

scritto da Francesco Gavello [+] il 25 aprile 2008 | Un commento in: Tool e Risorse | Web Design & UX

sIFR 2.0Si parlava, sempre su queste pagine, di come poter usare la cosiddetta “rich typography” all’interno delle proprie pagine web.

E’ infatti noto a tutti che al di fuori di una ristretta cerchia di “grandi classici” (vedi Verdana, Arial, Tahoma e pochi altri) risulta particolarmente ostico per chi lavora con il web poter usare font non standard.
sIFR, nella sua prima release, veniva in aiuto fornendo un sistema di replace dinamico tramite Flah, javascript e CSS che permetteva la creazione e l’inserimento “al volo” dei font più stravaganti, risultando nel “lavoro sporco” perfettamente invisibile verso l’utente.

sIFR 2.0 si può considerare una versione “enhanced”, migliorata, di sIFR che tiene conto delle recenti evoluzioni di Flash, browser e bug fixing della prima versione.

Riepiloghiamone brevemente il funzionamento (attenzione, tecnicismi all’interno):

  • Una normale pagina (x)HTML viene caricata nel browser.
  • Una funzione javasctipt viene eseguita per controllare se Flash è installato e successivamente cerca i tag, id o classi che abbiamo designato.
  • Se Flash non è installato (o se ovviamente javascript è disattivato), la pagina (X)HTML viene visualizzata normalmente e non accade nient’altro. Se Flash invece è installato, javascript attraversa il codice misurando ogni elemento chiamato per esempio “sIFRed”.
  • Una volta misurato, lo script crea un filmato Flash delle stesse dimensioni e lo sovrappone sopra all’elemento originale, inserendo il testo originale recuperato dal browser all’interno come una variabile Flash.
  • Successivamente l’Actionscript all’interno di ogni file Flash mostra il testo nel font che abbiamo scelto a grandezza 6 punti e lo “riscala” verso l’altro fino a che si adatta perfettamente alla grandezza del filmato Flash.

sIFR 2.0 è distribuito sotto licenza CC-GNU LGPL, che significa che chiunque può utilizzarlo gratuitamente senza sborsare un centesimo.
Potete trovare una demo del funzionamento e scaricare sIFR 2.0 dal blog di Mike Davidson

Trovato questo articolo interessante?

Condividilo sulla tua rete di contatti Twitter, sulla tua bacheca su Facebook o semplicemente premi "+1" per suggerire questo risultato nelle ricerche in Google. Diffondere contenuti che trovi rilevanti aiuta questo blog a crescere. Grazie!

Pin It

Un Commento

Update 12/02/2012: Il Regolamento Commenti è cambiato! Leggi ciò che serve sapere!

  1. Sheik ha detto:

    Ciao, volevo segnalarti che da qualche anno (si perchè ormai sono anni che ci stanno lavorando) è disponibile una beta della 3° edizione (si possono seguire gli sviluppi all’indirizzo http://novemberborn.net/sifr3 ), mi auguro che sia migliore della versione precedente. sicuramente è utile (ed in fondo nella peggiore delle ipotesi non succedeva nulla) ma i risultati non erano proprio il massimo con i link (o forse sono solo io impedito?)… speriamo che prima o poi giunga questa nuova terza edizione e che tutto funzioni bene, l’idea è molto accattivante e se riuscissi a farla funzionare bene mi piacerebbe impiegarla!

    Rispondi

Lascia un commento

Anteprima commentatore

Personalizza il tuo avatar!
Vai su gravatar.com e carica quello che preferisci!

I commenti sono modificabili entro 5 minuti dal loro inserimento.
Puoi usare questi tag: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Solo i commenti firmati con un nome o un nick saranno accettati. Leggi il Regolamento Commenti!