
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.
Notizie correlate al post
- Utilizzare qualsiasi font nelle pagine web con Javascript
- Font Picker per visualizzare i font sul tuo pc
- Effetto Polaroid sulle vostre foto con Instant.js 2.2
- Realizzare un tour del proprio sito con Amberjack JavaScript library
- Diavlo, il font gratuito utilizzato per il logo Markdvl
3 commenti per Utilizzare qualsiasi font nelle pagine web con Javascript
Lascia un commento
Categorie
- Action
- ajax
- Avatar
- Biglietti da visita
- Brochure
- browser
- Brushes
- Client di posta
- Concorsi
- Convertitori online
- CSS
- CSS3
- Cursori
- design
- Discussioni
- Eventi
- Firefox
- Flash
- Fonti d'ispirazione
- Fonts
- form
- Fotografi
- Fotografia
- framework
- Generatori online
- Gif animate
- Hosting
- HTML 5
- icone
- illustrator
- jQuery
- loghi
- Macchine Fotografiche
- Mailing List
- markdvl
- Mootools
- Mostre
- Motori di ricerca
- packaging
- Pattern
- photoshop
- php
- PNG
- Portfolio
- powerpoint
- psd
- Pubblicità
- Risorse vettoriali
- rss
- Script
- Senza categoria
- Servizi a pagamento
- sfondi del desktop
- Siti
- Social network
- Software Online
- Spam
- Temi
- Templates
- Textures
- Tutorials
- Varie
- Web 2.0
- wordpress
- Youtube
Tag
Archivi
- luglio 2010 (2)
- giugno 2010 (14)
- maggio 2010 (4)
- aprile 2010 (12)
- marzo 2010 (40)
- febbraio 2010 (35)
- gennaio 2010 (34)
- dicembre 2009 (18)
- novembre 2009 (30)
- ottobre 2009 (26)
- settembre 2009 (23)
- agosto 2009 (16)
- luglio 2009 (38)
- giugno 2009 (38)
- maggio 2009 (54)
- aprile 2009 (67)
- marzo 2009 (73)
- febbraio 2009 (43)
- gennaio 2009 (29)
- dicembre 2008 (39)
- novembre 2008 (39)
- ottobre 2008 (94)
- settembre 2008 (13)
- marzo 2007 (1)
Commenti recenti
- Andrea Leti su Il logo della British Petroleum ridisegnato dopo il disastro ambientale
- giulia su Face Your Manga, trasforma la tua faccia in un avatar stile cartone manga
- martina su Face Your Manga, trasforma la tua faccia in un avatar stile cartone manga
- ziza su Clip art vettoriali di Michael Jackson
- ziza su Clip art vettoriali di Michael Jackson
Links
- Bianconiglio Web Directory
- Blog Directory
- Blog Tecnico
- Brokendollie.com
- Concorsi Fotografici
- Creative Bubbles
- Directory gratuita
- Facebook Journal
- FactoryLab
- Fix Rss Feed
- Graficarts, Grafica e Comunicazione
- Iconlandia
- ILaRia Lab
- Italian Web Design
- Naked Celebrity
- Photoshop in Action
- Revoblog
- Risorsa inforamatica Blog news
- Sartorio
- Simo blog
- Voli Low Cost
- WebTreats ETC
- Yes Web Can





Ma la classe dell’elemento div è obbligatoria o posso semplicemente usare il font negli stili?
No è obbligatoria senò non viene richiamato il Font
ma non basta rinominare il file della font!
bisogna convertirlo con il tool online