Une façon d’améliorer considérablement la conception et le professionnalisme de votre site Web est d’utiliser de superbes polices.
La plupart des gens ne pensent jamais à la police qu’ils utilisent sur leur site Web. Cependant, si vous développez votre propre thème ou modifiez un thème que vous avez actuellement installé, une bonne sélection de polices devrait constituer une grande partie du processus.
La sélection d’une police ou d’une combinaison de polices pour votre site Web était une tâche simple et franchement assez ennuyeuse. Il y avait très peu de polices sécurisées pour le Web à votre disposition, mais maintenant, avec le grand nombre de polices optimisées pour le Web constamment créées, il peut être difficile de savoir lesquelles utiliser.
Avec la création de Polices Google et parmi plus de 900 familles de polices désormais à votre disposition, le processus de choix d’une bonne police est encore plus complexe. Cependant, au cours des dernières années, le développement autour de Google Fonts a rendu la mise en œuvre de tout choix beaucoup plus facile que jamais.
Pourquoi devrais-je utiliser les polices Google ?
Google Fonts est devenu l’une des meilleures ressources de polices disponibles sur le Web aujourd’hui.
Non seulement il existe plus de 900 familles de polices à utiliser, mais toutes sont des polices open source qui peuvent être créées et améliorées par n’importe qui.
Les concepteurs qui créent des polices doivent passer par un processus d’examen pour que leur police soit incluse dans l’annuaire de Google. Cela signifie qu’en plus d’avoir accès à des milliers de concepteurs à travers le monde, les polices ne peuvent pas être ajoutées au répertoire sans d’abord s’assurer qu’elles sont complètes et optimisées pour le Web.
L’utilisation de différentes polices dans le passé signifiait que les gens devaient avoir la police installée sur leur propre ordinateur pour permettre au navigateur de les afficher correctement. Avec Google Fonts, toutes les polices sont directement accessibles depuis le répertoire Google, garantissant qu’elles fonctionneront sur pratiquement n’importe quelle machine avec n’importe quel navigateur. Cela ouvre une liberté de conception sans précédent pour le développement de sites Web.
Comment utiliser les polices Google sur mon site Web ?
Certains thèmes WordPress tels que le Thème WordPress total incluez des options intégrées au thème pour modifier facilement vos polices Google. Naviguez simplement vers le Personnalisateur et cliquez sur le Typographie onglet pour modifier les polices principales, la taille de la police, l’épaisseur de la police et même l’espacement des lignes pour les éléments du thème.
Cependant, si vous utilisez un thème différent, vous pouvez ajouter des polices Google manuellement ou utiliser un plugin.
Plugins WordPress pour ajouter des polices Google
L’un des meilleurs plugins gratuits pour ajouter des polices Google à votre site consiste à utiliser le plugin gratuit Easy Google Fonts que vous pouvez télécharger à partir du référentiel WordPress. Le plus simple et le plus facile à télécharger se trouve cependant directement à partir de votre tableau de bord WordPress. Connectez-vous simplement à votre site WordPress et accédez à Plugins > Ajouter un nouveau. Ensuite, recherchez simplement « Easy Google Fonts » pour une installation rapide et facile.
Un autre excellent plugin pour personnaliser vos polices sur le site est le plugin d’éditeur CSS Yellow Pencil Live (qui est inclus gratuitement dans notre thème WordPress New York). L’avantage de ce plugin est qu’il vous permet non seulement de modifier les polices de votre site Web via une méthode simple de clic et de modification. Vous pouvez également personnaliser toutes les couleurs, tailles de police, poids de police, rembourrages, marges, etc. de votre thème WordPress.
Quelles polices dois-je utiliser ?
La plus grande force du répertoire de polices Google peut également vous rendre la vie difficile. Il existe un si grand nombre de polices disponibles à utiliser que trouver et choisir une combinaison de polices décente peut être un défi.
Les polices que vous choisirez dépendront entièrement de ce que vous essayez de transmettre avec votre conception. Les polices sont utilisées pour capter l’intérêt des lecteurs du site. Ils sont utilisés pour attirer l’attention sur divers aspects du site Web, et un grand designer peut faire des merveilles avec des différences très subtiles dans les polices qu’ils utilisent.
Une chose que vous devez comprendre est la différence entre une police et une police de caractères. Ces deux termes sont fréquemment et incorrectement utilisés de manière interchangeable. Une police est la collection complète de lettres, de chiffres, de symboles, etc. Lorsque vous faites référence à la conception de cette collection, vous l’appelleriez une police de caractères.
Classifications des polices
Il existe différentes classifications qui peuvent être appliquées aux polices de caractères. Ce sont : Serif, Sans Serif, Display, Handwriting (ou Script) et Monospace. Il y en a d’autres qui sont utilisés dans l’imprimé, bien que nous n’ayons pas besoin de nous en occuper pour l’instant.
Alors quelles sont les différences entre eux ?
Serif les polices de caractères ont une queue qui pend du bord de chaque caractère.
Sans Serif les polices de caractères n’ont pas de queue.
Affichage les polices de caractères sont inhabituelles et décoratives.
Écriture les polices de caractères ressemblent à une écriture manuscrite en cursive ou en bloc.
Dernièrement, monospace les polices sont composées de caractères qui occupent chacun exactement le même espace.
Meilleures pratiques de polices pour la conception Web
Il existe quelques directives de bonnes pratiques à suivre lors du choix des polices à utiliser.
C’est une bonne idée de évitez d’utiliser plus de deux polices différentes dans la conception de votre site. Il peut être difficile d’équilibrer plus de deux polices. Et mélanger plus de deux polices de caractères sur un même site peut entraîner de graves problèmes visuels.
Si vous utilisez deux polices différentes, par exemple une pour les titres et une pour le contenu, assurez-vous de ne pas les choisir dans la même classification de caractères. C’est mieux combiner les polices. En d’autres termes, évitez d’utiliser deux polices Serif différentes ou deux polices sans empattement différentes.
Il existe des polices qui fonctionnent très bien pour les titres, mais ne sont pas idéales pour le contenu du corps et vice versa. Il existe des sites qui utilisent des polices pour leur contenu qui peuvent être difficiles à lire. Les polices de contenu doivent être propres et faciles à lire tandis que les polices de titre doivent être utilisées pour un impact maximal et pour attirer l’attention sur des zones spécifiques de votre site.
Envelopper les polices Google pour WordPress
Comme vous commencez peut-être à l’apprécier, la sélection des polices pour la conception de votre site Web peut être un processus délicat et complexe. La décision ne se limite pas au simple choix de deux polices.
Il y a plusieurs choses que vous devez vous efforcer de garantir dans vos choix. Assurez-vous que la hiérarchie de votre classe d’en-tête est équilibrée et que les balises d’en-tête réduisent leur taille relative.
La moitié de la bataille d’une bonne conception de site et d’une bonne typographie consiste à être cohérent avec vos choix de polices. Cela inclut les tailles de police, les poids et l’espacement. L’utilisation de Google Fonts et du plugin Google Typography rend tout ce processus beaucoup plus facile qu’il ne l’a jamais été. Même avec ces ressources, avoir une typographie professionnelle et équilibrée reste un défi.
Si vous n’êtes toujours pas sûr des choix que vous faites et que vous vous perdez lorsque vous essayez de comprendre les différences entre toutes vos options. Il est peut-être temps de demander à un concepteur professionnel de jeter un œil à votre site.
Avez-vous implémenté Google Fonts sur votre site Web ? Avez-vous créé un thème à partir de zéro qui inclut les polices Google ? Nous aimerions entendre vos réflexions sur la typographie et vos polices préférées dans les commentaires ci-dessous.