9 GOOGLE FONTS cambia carattere al tuo blog o sito web!!

spesso si trovano dei font fighissimi e perfetti per il nostro sito/blog, peccato che li leggerà solo chi, come voi, ha il suddetto carattere installato nel pc.
Noi vogliamo invece che le nostre pubblicazioni vengano lette sul web da tutti i visitatori con il Font particolare che abbiamo usato.





A questo serve Google fonts directory, un database di caratteri di scrittura che in pochi passi e con un semplice codice html vi permetterà di abbandonare Arial, times new roman e compagni e sostituirli con caratteri più accattivanti.
Il database si arricchisce sempre di più, potete sbizzarrirvi con molte diverse tipologie di lettere, numeri e simboli.



Qui sotto, il collegamento al sito :

http://code.google.com/webfonts

La pagina è semplicissima ed inizia subito con la lista dei font disponibili con una bella anteprima grande.

scegliete quello che preferite e cliccate su "use this font" (l'ultima voce a destra)

Si apre una pagina così :

Cliccate su "use this font" e vi ritroverete qua :

Ho segnalato in rosso le due parti che dovrete incorporare nel vostro website o blog

La prima e' il codice html che dovete copiare ed incollare immediatamente sotto al tag

Se vi viene riportato un errore di inserimento codice, aggiungete uno slash (/) di chiusura subito prima di >

Il finale del codice sarà così :

type="text/css"/>

Qui sotto vedete dove va inserito il codice

La seconda è il css che dovete aggiungere per modificare definitivamente il carattere.

Posizionatelo all'interno del codice, al posto del carattere di default presente, come da foto

In questo caso i codici sono applicati ad un blog (questo ch state leggendo)

L'immagine mostra il codice incollato sotto l'header (la testata, il titolo)

Nel riquadro nero ho evidenziato alcuni parametri per il testo che potete anche tralasciare :

dimensione carattere in px

stile del carattere (grassetto,corsivo etc etc)

lunghezza del carattere

ombra del carattere

Altri "optionals" per arricchire la scrittura insomma che non sono obbligatori ma se vi va di aggiungerli basta riportarli immediatamente sotto al codice che ho segnato in rosso

Le opzioni per il carattere le trovate cliccando su "launch font previewer".

Vi troverete in questa pagina...

In alto a destra avete l'anteprima, a sinistra avete la console per modificare i parametri del Font ed in basso a destra (segnalato in rosso) il codice che si genera dopo le vostre modifiche.

Copiatelo ed incollatelo come descritto sopra.

Salvate la pagina modificata e godetevi il risultato....il vostro personale stile di scrittura è ora disponibile per tutti su qualsiasi pc, con qualsiasi browser internet.

Spero sia chiaro

ciao

Luca

Pin It