Blogger, Boostrap, header, come caricare un font esterno, esempio codice.

Stai usando Blogger con un tema Bootstrap e vuoi sapere come caricare un font esterno come ad esempio quelli di fonts.google.com ...

Stai usando Blogger con un tema Bootstrap e vuoi sapere come caricare un font esterno come ad esempio quelli di fonts.google.com ?

ERRORI TIPICI

Prima di proporti dei codici da usare, ti faccio notare che il tipico errore in Blogger con Bootstrap e aver lasciato gli APICI cioè questi " nel codice acquisito da Google.
Vanno sostituiti con questo carattere: '
Altrimenti la sintassi del XML salvata in:
Blogger > Lato di amministrazione > Tema > Personalizza > Modifica HTML
ti genera errore.

Esempi di Codice da includere

Detto ciò, qui di seguito riporto degli esempi di codice da inserire nell'Header del tuo tema per caricare dei font che, in qualità di grafico professionista, ritengo molto efficaci e gradevoli.

Font Open Sans

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet'/>

Font Ruda

<link href='https://fonts.googleapis.com/css?family=Ruda:400,700' rel='stylesheet'/>

Font Hind

<link href='https://fonts.googleapis.com/css?family=Hind:300,500,700' rel='stylesheet'/>

Qui puoi vedere un esempio di font Hind, l'ho usato per il sito: https://www.inphorma.it/p/homepage.html

Font Catamaran

<link href='https://fonts.googleapis.com/css2?family=Catamaran:wght@100,400,700' rel='stylesheet'/>

👉 Ehi tu 😊 se ti è stato d'Aiuto questo articolo, dai lascia un saluto nei commenti qui sotto. Perché?

• Perché mi aiuti a far crescere questo sito 😉
• Perché aiuti altri come te. Come? Il tuo commento aiuterà questo articolo diventare più visibile nei motori di ricerca. E se non lo farà, sapere che ti è stato utile in ogni caso mi donerà un sorriso. 😊

Ti ringrazio e ti auguro buona vita 🙏