Utilizzare qualsiasi font nelle pagine web con Javascript

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.

Potrebbero interessarti anche...

4 Risposte

  1. ToWWa scrive:

    Ma la classe dell’elemento div è obbligatoria o posso semplicemente usare il font negli stili?

  2. emi scrive:

    ma non basta rinominare il file della font!
    bisogna convertirlo con il tool online

  3. tobias scrive:

    Scusate ma come si fà a convertirlo con il tool, perchè non l’ho proprio capito!!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Facebook Auto Publish Powered By : XYZScripts.com