Comment trouver l’URL Google Fonts
Comment trouver et copier l’URL Google Fonts pour l’utiliser dans le design du favicon. Le guide suit chaque étape.
Pourquoi Google Fonts ? Nous recommandons Google Fonts parce que toutes les polices du site sont gratuites pour un usage commercial. Vous pouvez les utiliser dans vos favicons sans vous soucier des licences ni de coûts supplémentaires.
Guide pas à pas
Étape 1 : Aller sur Google Fonts
Ouvrez fonts.google.com dans le navigateur. C’est le site officiel Google Fonts, où vous pouvez parcourir des milliers de polices gratuites.
Étape 2 : Choisir une police
Parcourez la collection et cliquez sur la police souhaitée. La barre de recherche en haut de page permet de viser une police précise.
Étape 3 : Ajouter des polices à la sélection
Quand vous avez trouvé une police, cliquez sur le bouton « Get font » en haut à droite. Elle s’ajoute à la sélection. Vous pouvez répéter l’opération pour en ajouter plusieurs : notre générateur charge plusieurs polices depuis une seule URL.
Le bouton « Get font » se trouve en haut à droite
Étape 4 : Accéder aux polices sélectionnées
Une fois les polices ajoutées, cherchez le bouton « View selected families » en haut à droite. Un badge indique le nombre de polices choisies. Cliquez pour ouvrir la collection, puis sur « Get embed code » pour afficher le code.
Cliquez sur « View selected families », puis « Get embed code »
La boîte de dialogue du code d’intégration, avec toutes les balises link
Étape 5 : Extraire l’URL de la police
Google Fonts affiche plusieurs balises link, dont des liens preconnect et le lien vers la feuille de style. Vous verrez quelque chose comme ceci :
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> Repérez la balise link dont l’URL contient css2 : c’est la plus longue. Copiez toute l’URL de l’attribut href (tout ce qui est entre les guillemets). Dans l’exemple ci-dessus, l’URL est :
https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap Collez-la dans le champ Police Personnalisée du générateur. Cette seule URL contient toutes les polices sélectionnées.
Astuces
- Gardez toujours &display=swap dans l’URL, pour de meilleures performances
- Ne sélectionnez que les polices réellement utilisées, pour limiter le temps de chargement
- Copiez l’URL entière, sinon le générateur peut échouer à charger les polices