Grafica
Google Font Directory, Font Creativi per il proprio sito
ilCreativo
Mag 24
|01:07
Se volete utilizzare dei fonti diversi dal solito per il vostro sito, potete sfruttare la risorsa open source messa a disposizione da Google nella nuova Google Font Directory.
Vediamo insieme come utilizzare queste API di Google sui Font.
Selezioniamo il Font che ci interessa, in questo caso proviamo Droid Sans, e andiamo a prelevare il codice per includere il carattere.
Come includere il Font?
HTML
Dovremo inserire il seguente codice tra i tag <head> e </head> della nostra pagina web
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:regular,italic,bold,bolditalic' rel='stylesheet' type='text/css'>
CSS
Nel nostro foglio di stile CSS dovremo andare a richiamare il font usato Droid Sans.h1 { font-family: 'Droid Sans', arial, serif; }
In questo caso stiamo indicando per i nostri h1 il font Droid Sans.
Conclusioni..?
Google ha introdotto questa nuova tecnica in quanto cerca di evitare che per inserire font speciali si usino delle immagini o script che possano rallentare l’ottimizzazione e l’indicizzazione di una pagina web.
Per quanto riguarda la compatibilità siamo coperti su Chrome, Firefox, Safarimentre su Internet Explorer poca nitidezza del font e Opera nulla. Questo nuovo progetto potrebbe portare svariate migliorie per l’indicizzazione su caratteri ottimizzati anche se non Font-Family.
Nella directory attualmente sono disponibili solo una ventina di font, si spera che verranno integrati molti altri ancora. Un’ottima mossa da parte di Google per l’ottimizzazione e indicizzazione di Font speciali.
| < Prec. | Succ. > |
|---|
(+39) 320 6011520