Comme vous l'avez peut-être compris, les polices Google sont une série de caractères contenus dans une véritable bibliothèque topographique, plus précisément il s'agit d'un ensemble d'interfaces de programmation d'applications ou mieux connues sous le nom d'API. Il permet notamment à tous les utilisateurs d’utiliser des polices Web dans leur propre application ou site Web. En particulier, ils peuvent être utilisés librement puisqu'ils sont dotés d'une licence gratuite, en détail c'est une bibliothèque qui met à disposition de tous un véritable annuaire web interactif, indispensable pour faciliter la sélection et la gestion des polices via Android. et CSS.
Google met ce service à disposition et tous les caractères présents et la bande passante sont définitivement gratuits.
Pour cette raison, il est nécessaire de choisir avec soin les polices les plus appropriées à votre cas, afin d'optimiser les performances techniques et de rendre le site Web agréable à l'œil de l'utilisateur.
Qu'est-ce que les polices Google ?
Google Fonts est une licence gratuite permettant de simplifier les polices via CSS et Android. Google Fonts a été créé pour simplifier la recherche de polices et est disponible gratuitement avec des licences open source. Ils peuvent être utilisés pour des projets commerciaux et non commerciaux.
Au sein du site, grâce à la commande de recherche appropriée, nous pouvons choisir la police la plus esthétiquement appropriée à notre cas et la récupérer sur notre site, afin de garantir que le texte d'une page particulière est formaté conformément à ces exigences.
Avec la définition des premières spécifications CSS, en effet, est apparu le besoin de ressources Web permettant de récupérer facilement les polices non pas depuis des terminaux locaux mais depuis des serveurs, afin de garantir un affichage correct pour tout le monde.
Google Web Fonts, aujourd'hui Google Fonts, a remplacé l'ancien TypeKit en fournissant des polices à intégrer sur les sites Web : en effet, il suffit d'intégrer le code approprié dans le HTML ou le CSS du site pour garantir le même affichage sur tous les appareils.
Les polices que nous pouvons choisir sont divisées en :
- Serif (police serif), petites extensions aux extrémités des lettres qui semblent les rapprocher, comme Droid Serif ;
- Sans serif (police sans empattement), comme Roboto et Open Sans ;
- Écriture à la main (polices qui ressemblent à une écriture manuscrite), comme Shadows Into Light ;
- Monospace (police dont les caractères ont la même largeur et qui ont un style qui ressemble à celui des machines à écrire) comme Inconsolata
- Écrans Faciaux (polices aux lettres très proches) telles que Lobster et Poiret One, généralement adaptées aux grands projets
Les polices doivent être choisies de manière concertée, sans exagérer pour ne pas trop surcharger le site ; opter pour plus de deux ou trois polices par page rendrait la lecture difficile.
Avantages de l'utilisation de Google Fonts
Les polices Google, comme mentionné, sont des atouts esthétiques de sites Web qui peuvent augmenter le temps d'attente et les conversions CTA. En fait, ils offrent plusieurs avantages :
- Bibliothèque de polices gratuite et sécurisée (fournie par Google)
- Polices d'utilisation gratuite pour les projets commerciaux et non commerciaux (aucune restriction de licence ne s'applique)
- améliorer la lisibilité des pages
- très légers (ils accélèrent le chargement de la page web qui les héberge)
- très polyvalent - disponible dans de nombreuses versions pour répondre aux besoins visuels et de formatage de chacun
- assurez-vous que les polices sont compatibles avec tous les sites et applications
- esthétiquement attrayant
Toutes les polices Google Font répondent aux normes précises de la communauté Google et s'avèrent hautement compatibles avec la plupart des sites.
Pourquoi les utiliser ?
On le sait, les polices utilisées peuvent également avoir un impact significatif sur les temps de chargement des pages web et la lisibilité du contenu. Ils se traduisent donc en éléments importants pour l’expérience utilisateur de la page, qui à leur tour peuvent affecter le positionnement à travers les signaux de satisfaction produits par l’utilisation de l’utilisateur.
Les Google Fonts sont conçues par Google pour envoyer le fichier de la manière la plus légère possible par rapport aux technologies utilisées pour son utilisation.
Grâce à un temps de chargement plus court, nous pouvons obtenir un taux de rebond plus faible sur notre site Web, augmentant ainsi les chances de conversion. En fait, une police difficile à lire décourage d’atteindre le bas de la page et encourage l’utilisateur à quitter avant de répondre à l’appel à l’action.
Quelles Google Fonts choisir pour notre site ?
La typographie peut être très précieuse pour votre site. Une police adaptée à votre projet reflète le style esthétique du site Internet, est très lisible et véhicule une certaine personnalité.
Dans le magasin, il y a plus de 1040 polices parmi lesquelles nous trouverons sûrement celle qui nous convient. De plus, comme nous l'avons mentionné, les polices sont disponibles gratuitement, nous pouvons donc expérimenter l'une ou l'autre jusqu'à trouver celle qui convient le mieux à notre site. Prenons donc le temps de choisir la bonne police pour la conception de notre site, ce qui encouragera davantage de lecture.
Pour choisir les polices Google les plus adaptées à notre site, nous devons prêter attention à plusieurs aspects tels que :
- lisibilité
- professionnalisme en adéquation avec le style du site
- taille du projet Web adaptée
- thème du site
Parmi les polices les plus populaires en circulation, nous avons :
- Roboto (police système pour Android)
- Kinsta (utilisé par Google pour certains sites Web)
- Source Sans Pro (la première police open source d'Adobe)
- Raleway (police spéciale grand format)
- joyeux
- nunite sans
- Work Sans (adapté à une utilisation sur écran)
Les polices Google sont gratuites
La licence, comme mentionné ci-dessus, est gratuite et, étant open source, elle est gratuite. Cependant, il est bon de savoir que certains personnages sont distribués via la licence Apache. Cependant, dans les deux cas, il est également possible de les utiliser à des fins commerciales. De plus, cette collection est également desservie par les services Web SkyFonts de Monotype et Edge Web d'Adobe, ainsi que par Typekit de Monotype.
Récemment, plus précisément à partir de 2021, ce projet s'est également étendu aux icônes, puisqu'à travers un premier ensemble de symboles composés de besoins généraux de communication et d'icônes matérielles qui offrent la possibilité de télécharger les éléments directement sur le bureau pour une utilisation au format numérique valable pour à la fois iOS, Web et Android.
Comment installer Google Fonts sur le site
Les polices Google peuvent être intégrées à partir du site sur lequel elles sont placées ou téléchargées et intégrées via FTP, ainsi que utilisées pour des projets d'impression.
Avant de télécharger une ou plusieurs polices depuis Google Fonts, il est important de les choisir. Le catalogue en ligne comprend définitivement d'innombrables personnages. Ce service, en plus de satisfaire tous les besoins des utilisateurs de ce point de vue, offre la possibilité de rechercher rapidement ceux que vous aimez le plus et que vous comptez utiliser sur votre plateforme. En particulier, la page officielle de Google Fonts vous permet de décider différents filtres pour effectuer rapidement et facilement une recherche précise, en détail, il y a la possibilité d'intervenir dans les secteurs suivants :
- Rechercher - Ce champ vous permet de saisir le nom exact d'une police que vous connaissez déjà ;
- Aperçu du texte - permet de voir un véritable aperçu de l'effet optique de la police que vous souhaitez utiliser, cela se produit notamment lors du choix d'un texte de base ou de l'ajout d'une phrase selon vos préférences ;
- Taille de police - affiner les mesures en pixels du texte présenté lors de la phase de prévisualisation ;
- Catégories - Sélectionnez le type de police en fonction des 5 sections dans lesquelles se trouvent toutes les polices Google ;
- Langue - Limite la recherche par l'alphabet d'une langue spécifique ;
- Propriétés Police – Choisissez certaines propriétés de police, telles que le nombre de styles, l'inclinaison, l'épaisseur et la largeur.
Comment installer les polices Google
- visitez le site des polices Google
- sélectionnez la police en question
- Cliquez sur Télécharger pour le télécharger au format zip
- décompressez le dossier, faites un clic droit sur le fichier ttf et sélectionnez installer :
De cette façon, nous pouvons utiliser les mêmes polices que le blog ou le site pour créer des ebooks ou des graphiques selon le style Web.
Tout d’abord, vous devez vérifier si le thème de notre site Web intègre déjà Google Fonts, car les derniers thèmes premium sont déjà configurés pour les héberger. Sinon, on peut installer un plugin comme Easy Google Fonts ou Google Fonts Typography pour les présenter.
Si nous ne voulons pas installer un autre plugin, nous pouvons recourir à l'appel via l'API Google Fonts . Dans ce cas, vous devez ajouter un lien entre la feuille HTML et la feuille de style.
La plateforme nous fournit le code approprié à intégrer dans le de la page HTML pour simplifier la récupération des polices sélectionnées sur notre site.
Comment ajouter des polices Google à WordPress
Il est bon de savoir qu'il existe deux méthodes principales pour inclure les polices Google directement dans vos projets, spécifiquement pour un style WordPress, vous devez installer un certain plugin où il y a la possibilité de déléguer le travail ou l'autre option pour ajouter une police implique la procédure manuelle.
Tout d'abord, si le travail est effectué à l'aide de l'environnement WP, il faut analyser que le thème n'inclut pas Google Fonts en même temps par défaut. Pour vérifier cet aspect, il suffit de vérifier les performances dans le panneau de configuration correspondant. Si ce formulaire n'est pas présent, il existe une autre option qui consiste à télécharger le plugin tel que Google Font Typography ou Easy Google Fonts, en l'installant directement dans le panneau, à ce stade vous pouvez continuer en choisissant la police qui attire le plus votre attention.
De plus, si vous souhaitez utiliser l'API Google Fonts pour inclure des polices directement sur les sites Web en utilisant la procédure manuelle, vous n'avez besoin de faire aucune programmation puisqu'il vous suffit d'intégrer un lien spécifique vers la feuille de style dans le document HTML. . Il est donc nécessaire de mentionner la source dans un style CSS. Simplement pour réaliser cette étape rapidement et sereinement, il suffit de copier et coller le code indiqué dans l'étiquette du lien qui se trouve spécifiquement dans le dossier appelé en-tête du site. Enfin, il est essentiel d'utiliser le CSS résultant pour pousser la règle vers les composants HTML.
Conclusions
À présent, vous comprendrez sûrement ce que sont les polices Google et comment vous devez les installer sur votre site Web, votre page ou votre blog pour pouvoir les utiliser.
Les polices représentent un élément important dans le monde du graphisme et des sites Web où elles rendent le style de la plateforme unique et spécial. Choisir Google Fonts est définitivement une étape importante car elles définiront visuellement le style. Sur la base des études réalisées par web design, il est apparu que dans ce secteur il est nécessaire de suivre certaines règles pour avoir un résultat parfait selon vos préférences et vos besoins, en particulier ces derniers se réfèrent spécifiquement aux couleurs, aux formes et aux polices.
Quant aux polices, ces dernières doivent être : faciles à lire et à comprendre, si la police choisie n'est pas facile à lire, il est recommandé de l'utiliser graphiquement dans certaines images au travers d'éléments graphiques, d'effectuer un des contrôles de compatibilité cross-navigateur, utilisation De une à trois polices de styles différents au maximum, utilisez plutôt des polices de caractères classiques utilisant une police serif pour les titres et les rubriques et une police sans empattement pour les textes.
