Come ospitare Google Fonts sul proprio sito

Come avrete notato, qui su questo sito, uso un font personalizzato (ubuntu) e lo us(av)o sfruttando Google Fonts.

Tuttavia, come probabilmente già sapete, durante il caricamento di una pagina, ogni richiesta ad una fonte esterna causa inevitabilmente un rallentamento nell’apertura della pagina stessa, e quindi sarebbe bene, quando possibile, evitare troppe richieste esterne e ospitare (hostare) il tutto direttamente sul proprio server.

Ma come fare con Google Fonts?

Leggi tutto

Come usare Google Fonts

Ieri ho rifatto il logo del sito, ma anziché farlo con Gimp/Photoshop, o chiedere l’intervento di un grafico professionista, ho pensato di usare semplice testo e chiuderlo tra un h1 (sì, esatto, quello che vedete è fatto di solo testo)!

Per il globo ho usato “fontAwesome” (nemmeno quelo è immagine…), per il resto, invece, il font Ubuntu (il mio preferito, tanto che poi lo ho applicato, come potete notare, all’intero sito).

Adesso farò un breve esempio su come creare quel logo, grazie ai Google Fonts, proprio basandomi sul codice che ho usato io.

Andiamo su: https://www.google.com/fonts

Leggi tutto