Typeface.js: qualsiasi font nelle pagine Web

Giovedì 30 Ottobre 2008 - 11:20

di Riccardo Degni

Scripting

Typeface.js è un ottimo script scritto in Javascript che si pone l’obiettivo di superare il limite imposto dai sistemi operativi per quanto riguarda i font utilizzabili nelle pagine web.

Infatti, se una pagina è scritta con un determinato font ma non è installato sulla postazione dell’utente, quest’ultimo non potrà visualizzarlo (il browser ne userà uno secondario se specificato o uno di default).

Come riportato nella home dello script, “invece che usare immagini statiche o contenuti Flash per permettere all’utente di visualizzare i nostri font, grazie a typeface.js è ora possibile ottenere il nostro obiettivo unicamente tramite HTML e Javascript”.

Tutto è rilasciato con licenza open source ed è compatibile con i seguenti browser: Firefox 1.5+, Safari 2+, and Internet Explorer 6+ (fallisce elegantemente sui browser che non la supportano).

È possibile rendere “compatibile” con typeface.js un determinato font tramite questo tool e successivamente caricare lo script risultante nelle nostre pagine. Ecco infine i link alla documentazione e al download.

Tags:

Categoria: Scripting | Permalink

Commenti

1

“…invece che usare immagini statiche…”

Ehm… in questa pagina di esempio: http://typeface.neocracy.org/e.....mples.html però usa solo delle immagini statiche..

Sono mica io? (linux+FF3)

# - postato da fulippo - 30 Ottobre 2008 - 12:05

2

L’avevo visto in giro qualche giorno fa. E’ da tenere sott’occhio ma diversamente da sIFR non si può selezionare il testo generato.

# - postato da Francesco Gavello - 30 Ottobre 2008 - 12:15

3

@Fulippo: hai provato a debuggare? non sono immagini, ma “canvas”

@F Gavello: non si può ancora selezionare, ma il testo sorgente è INDICIZZABILE!!!!

# - postato da Gio - 30 Ottobre 2008 - 12:53

4

No, ho dato solo un’occhiata veloce.

# - postato da @Gio - 30 Ottobre 2008 - 12:59

5

Umh… proprio perche’ usa i canvas, non vedo il vantaggio rispetto a sIFR… anche in sIFR il testo originale rimane in chiaro e indicizzabile…

Boh… mi sembra una alternativa… ma allo stesso livello di sIFR…

# - postato da Andrea - 30 Ottobre 2008 - 13:08

6

Avevo visto la demo l’altro giorno. Solo non ho visto se si possono renderizzare anche i link. Farò qualche prova.

# - postato da Fabrizio Calderan - 30 Ottobre 2008 - 14:59

7

E’ la cosa più figa che abbia mai visto per supportare i font sul web!!!

Oltretutto il testo rimane indicizzabile nei motori di ricerca.. e il tutto è DOM!!!

# - postato da Francesco Orsi - 31 Ottobre 2008 - 15:26

8

@Francesco Gavello
Per forza l’hai già letto da qualche parte… Il post “ha preso spunto” dal mio di qualche giorno fa, a volte “capita” al buon Riccardo (che conosco personalmente) di prendere spunto dai miei post…

(ovviamente senza trackback, dio ne scampi)

Non vi faccio la lista di link, ma potrei citare almeno 3 esempi, se non 4.

Peccato che lo staff di edit non insegni ai suoi scrittori le basi della netiquette… :(

# - postato da Napolux - 03 Novembre 2008 - 00:22

9

@Napolux
Non credo tu sia il solo ad aver pubblicato questa notizia e credo che la redazione si avvalga di altre fonti… magari la stessa che hai usato tu visto che, coincidenza, il 27 settembre questa libreria oltre che da te è stata pubblicata su una testata appena più nota come ajaxian.com.

# - postato da Luca - 03 Novembre 2008 - 20:11

10

@Luca
Fosse stata la prima volta…

Guarda qua, anche la stessa struttura del post.

- Descrizione
- Link demo
- Possibilità di espansione con macro

http://www.napolux.com/2008/ma.....kitup.html

E dopo un po’ di giorni, magicamente…

http://blog.html.it/24/04/2008.....on-jquery/

- Descrizione
- Link demo
- Possibilità di espansione con macro

Trai le tue conclusioni e pensa pure quello che vuoi, a me non interessa, ma un po’ di netiquette male non farebbe.

# - postato da Napolux - 04 Novembre 2008 - 17:22

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento