Erreur de validation HTML à cause de Google Fonts

Vous essayez de valider votre HTML sur le site de W3C par exemple mais vous avez une erreur :

Bad value http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,600|Raleway|Montserrat for attribute href on element link: Illegal character in query: not a URL code point.

Malheureusement Google donne encore d'un mauvais encodage sur son site des polices. Au lieu d'utiliser le code "|" (caractère pipe), encodez votre href attribut de votre lien avec "%7C". Résultat de l'exemple :

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,600%7CRaleway%7CMontserrat" />

Source : Stackoverflow

Installer des polices de Google Fonts sur votre site

Blogger et WordPress proposent plusieurs types de police mais ça arrive qu'on ait envie de changer ces lettres de base pour améliorer le site et le faire plus attractif. Vous devez savoir que si vous utilisez votre propre police, laquelle est installée dans votre ordinateur, les visiteurs ne vont pas voir forcément la même chose. Si le type de police n'est pas installé dans l'ordinateur du visiteur, il va voir la police par défaut de son navigateur.

Lire la suite