Optimiser plusieurs Google Fonts sur votre site

Rédigé par Djb le 03 août 2016 Aucun commentaire

Une petite astuce pour inclure et optimiser plusieurs Google Fonts sur son site web.


La première méthode pour inclure 2 polices du google fonts:


<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,700' rel='stylesheet' type='text/css'> 
<link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'> 


On peut lier les deux dans une seule balise, en séparant les fonts avec le symbole de barre verticale, « | »

En faisant ainsi, on évite une requête vers les serveurs de Google.

Mais pour être validé W3C,On doit donc remplacer « | » par sa valeur encodée: %7C.


<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,700%7CInconsolata' rel='stylesheet' ...

Classé dans : Bouts de code

HTML5 CSS3

Retrouvez les plugins et templates pour PluXml

Information sur Djb, auteur de l'article:

La drogue cause des trous de mémoire et plein d’autres trucs moches dont je me souviens jamais.

Écrire un commentaire