Google Fonts est un service web qui vous permet de télécharger gratuitement des polices et des icônes. La plateforme vous offre plus de 980 familles de fonts différentes avec plus de 2000 icônes. Tous les éléments typographiques présents sur Google Fonts sont “open source” et peuvent être utilisés pour vos projets personnels.
Avant de prendre la nomination Google Fonts en 2013, la bibliothèque de polices et d’icônes de la firme de Mountain View a connu plusieurs noms :
2010 : Google Web Fonts
2012 : Répertoire de polices de Google
[powerkit_toc title=”Sommaire” depth=”2″ min_count=”4″ min_characters=”1000″ btn_hide=”false” default_state=”expanded”]
Pourquoi utiliser Google Fonts ?
Google Fonts est un service simple et produit de Google qui permet aux développeurs web d’accéder aux polices gratuites à intégrer à leur site internet. Ces polices peuvent être intégrées directement sur les sites internet via le font linking (méthode de liaison de polices) ou encore via l’API de Google Fonts.
Les points clés de Google Fonts :
Google Fonts propose une grande variété de polices, allant des styles classiques et élégants aux styles plus modernes et audacieux. Les concepteurs peuvent choisir parmi des polices serif, sans serif, script, fantaisie, etc.
L’un des points forts de Google Fonts est sa facilité d’utilisation. L’intégration des polices Google Fonts sur un site web est simple. Les développeurs peuvent réutiliser le lien des polices pour les appliquer sur d’autres sites.
Toutes les polices disponibles sur Google Fonts sont gratuites et distribuées sous une licence open source. Cela signifie que les concepteurs peuvent les utiliser librement, même dans des projets commerciaux, sans avoir à payer de frais de licence.
Google Fonts est optimisé pour la performance et la vitesse de chargement. Les polices sont hébergées sur Google, ce qui permet de les télécharger plus facilement et rapidement.
La plateforme prend en charge de nombreuses langues et caractères spéciaux, facilitant l’affichage des textes dans de différentes langues et écritures.
Comment rechercher une police sur Google Fonts ?
Vous avez deux façons pour retrouver la police désirée sur Google Fonts.
1. La recherche instantanée
Elle consiste à taper un texte dans le champ qui suit “Phrase”. La plateforme vous génère la phrase dans différentes familles de polices et vous n’aurez qu’à choisir celle qui vous convient pour votre projet.
2. La recherche de polices
La fonction “Search fonts” ou recherches de polices permet de retrouver les variétés d’une police.
3. Le filtre des résultats
Il est aussi de filtrer des résultats en appliquant différents critères pour affiner plus vos choix. Par exemple, vous pouvez choisir que votre police soit avec ou Sans Serif.
Pour filtrer, vous pouvez modifier la catégorie, la langue, le style, les variétés de la police.
Comment utiliser Google Fonts sur votre site web ?
Hormis le fait qu’il est possible de télécharger les polices sur Google Fonts, vous pouvez aussi l’intégrer sur votre site web. Sur ce, la bibliothèque de polices propose à ses utilisateurs des polices optimisées particulièrement pour les écrans.
1. Ajouter Google Fonts à votre site WordPress
Le plugin Easy Google Fonts est une excellente option pour intégrer facilement des milliers de polices de caractères open source sur votre site Web WordPress.
Comment ajouter une police à WordPress ?
- Rendez-vous sur : https://fr.wordpress.org/plugins/easy-google-fonts/
- Cliquez sur “Télécharger” et ensuite sur “Installer maintenant”
- Une fois l’installation terminée, cliquez sur “Activer”
- Cliquez sur Apparence dans WordPress, et choisissez Typographie
- Ajoutez ensuite une police d’écriture de Google Font
2. Ajouter Google Fonts à votre site HTML/CSS
- Prenons l’exemple de la police “Roboto”. Appuyez sur “More”, “Plus” ou sur les 3 points horizontaux. Ensuite, cliquez sur une des familles de la police choisie.
- Vous pouvez ajouter différents styles de graisse en appuyant sur “+Select this style”. Pour cet exemple, nous avons choisi “Regular” et “Medium”.
- Copiez les deux balises <link> que vous collerez dans la balise <head> de votre code HTML. Ensuite, copiez la propriété font-family à mettre dans votre fichier CSS.
- Pour la seconde option, sélectionnez @import. Il vous suffira de copier et de coller le code entre les balises <style></style> et la propriété font-family dans votre fichier CSS.
Illustration :
Comment télécharger une police sur Google Fonts ?
Il est très facile de télécharger une police sur Google Fonts. Sélectionner une police et cliquez sur le bouton “Télécharger” ou “Download” situé sur le côté droit de la page.
Google Fonts n’est pas le seul service web qui propose des polices à télécharger. Voici quelques alternatives de la plateforme : Adobe Fonts, MyFonts, Adobe FF Market, Monotype Fonts, FontSquirrel, FontSpace, etc.
