Google Web Fonts – cambia stile al tuo sito

Google Web Fonts

Scopri come installare rapidamento i fonts offerti da google

dai un tocco di stile diverso rispetto ai piatti font presenti sul web e sui vari siti

Quante volte hai pensato di cambiare il carattere, lo stile del tuo sito web, installare dei font più carini, più eleganti o più stravaganti e spesso non sapevi come fare e che strada prendere.

Inizialmente per installare dei fonts diversi comportava una procedura più o meno macchinosa, ovvero bisognava ricercare il font tra gli n siti web di ricerca e download font, dopo averlo trovato lo si scaricava e lo si installava sul web server dove era posto il dominio internet, poi bisognava associare i vari fonts ai fogli di stile e successivamente richiamarli tramite classi di css.

Oggi, diciamo, tale operazione è stata quasi del tutto eliminata, oramai con i vari server e i cloud tali informazioni non vengono piu scaricate diretamente ma vengono lasciate ospitate sui vari server e linkate dirattamente come tag style nei vari siti internet e con semplici richiami nella classi css, queste vengono importate direttamente.

Per farvi un esempio veloce senza troppe parole vi linko la risorsa ufficiale di Google, i Google Web Fonts.

Qui trovi tanti fonts messi a disposizione dal primo motore di ricerca al mondo, accedendo ad ogni singolo set di fonts hai la possibilità di includerlo nel tuo sito web con una semplicità unica.

Faccio un esempio

Apro in vista rapida il font “Open Sans”

Come prima visuale mi fa scegliere il tipo di stile che voglio per questo font, se bold, molto bold, se corsivo.

Come seconda cosa mi fa scegliere il set di caratteri, se latino, se greco…

Come terzo cosa mi dice cosa devo fare ovvero prelevare il codice

<link href=’https://fonts.googleapis.com/css?family=Open+Sans’ rel=’stylesheet’ type=’text/css’>

e aggiungerlo tra i tag <head></head>

Come quarto ed ultima cosa mi dice, come applicare questo font ad un determinato tag o classe.

Praticamente, ogni qual volta che voglio usare questo tipo di carattere devo inserire nella classe dello stile css creato inline o esterno questa dicitura:

font-family: ‘Open Sans’, sans-serif;

esempio, voglio inserirlo in tutto il body scrivo cosi:

body{font-family: ‘Open Sans’, sans-serif;}

Tutto molto semplice grazie ai google web fonts di google, così velocemente riesci a dare un nuovo volto ad un sito web piatto.

Lascia un commento

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