Utilizzare qualsiasi font nelle pagine web con Javascript

6 novembre 2008

Typeface

Typeface.js è una libreria javascript che potrà essere d’aiuto a molti webdesigner consentendo l’utilizzo di qualsiasi carattere tipografico sulle proprie pagine web.
Infatti normalmente in un progetto web si possono utilizzare solamente caratteri tipografici come Verdana, Arial, Georgia, Times New Roman o Tahoma che sono quelli standard installati sui pc, nel caso in cui volessimo utilizzare altri font nelle nostre pagine, solo i visitatori che li hanno installati sul proprio pc potrebbero vedere i testi in modo corretto.
Typeface.js risolve questo problema problema dando la possibilità di utilizzare qualsiasi font senza doversi preoccupare che i propri visitatori abbiano installato sul PC i caratteri utilizzati.

I suoi vantaggi:

Il testo è comprensibile dai motori di ricerca
Non c’è alcun bisogno di Flash, tutto è fatto con Javascript garantendo una larga compatibilità con tutti i browser.
Multipiattaforma
Facile da utilizzare
Leggero, lo script pesa solo 16 Kb
Permette di selezionare e copiare il testo

Come usarlo ?

Scaricare il file TypeFace.js
Rinominare il file del carattere che si desidera utilizzare per esempio: helvetica.ttf > helvetica.typeface.js
Inserire questo codice nelle vostre pagine all’interno del tag <head>

<script type=”text/javascript” src=”typeface-0.10.js”></script>
<script type=”text/javascript” src=”helvetica.typeface.js”></script>
<div class=”myclass typeface-js” style=”font-family: Helvetiker”>
Qui inserire il testo…
</div>

Ovviamente nella stringa <script type=”text/javascript” src=”helvetica.typeface.js“></script> dovrete sostituire il helvetica.typeface.js con il nome del font che avete rinominato nel passaggio precedente.