Une façon d’améliorer considérablement la conception et le professionnalisme de votre site Web consiste à utiliser d’excellentes 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 être une grande partie du processus.
La sélection d’une police ou d’une combinaison de polices pour votre site Web était auparavant une tâche simple et franchement ennuyeuse. Il y avait très peu de polices Web sécurisées disponibles, mais maintenant avec la myriade de polices optimisées pour le Web continuellement créées, il peut être difficile de déterminer celles à utiliser.
Avec la création de Google Fonts et les plus de 900 familles de polices à 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 l’implémentation de tout choix 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 pour votre usage, mais ce sont toutes des polices open source que tout le monde peut créer et améliorer.
Les concepteurs qui créent des polices doivent suivre un processus de prise en compte pour que leur police soit incluse dans l’annuaire Google. Cela signifie qu’en plus d’avoir accès à des milliers de designers à travers le monde, les polices ne peuvent pas être ajoutées au répertoire sans s’assurer au préalable qu’elles sont complètes et optimisées pour le Web.
Dans le passé, l’utilisation de polices différentes signifiait que les gens devaient installer la police sur leur propre ordinateur pour permettre au navigateur de les afficher correctement. Avec Google Fonts, toutes les polices sont accessibles directement à partir du répertoire Google, ce qui garantit 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 comme Total WordPress Theme incluent des options de thème intégrées pour modifier facilement vos polices Google. Accédez simplement à Customizer et cliquez sur le Typographie pour modifier les polices principales, la taille de la police, le poids 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 est d’utiliser le plugin gratuit Easy Google Fonts que vous pouvez télécharger à partir du référentiel WordPress. Cependant, le moyen le plus simple de télécharger est directement à partir du panneau de configuration WordPress. Connectez-vous simplement à votre site WordPress et accédez à Plugins> Ajouter un nouveau. Recherchez ensuite “Easy Google Fonts” pour une installation rapide et facile.
Un autre excellent plugin pour personnaliser vos polices sur le site est le plugin de l’éditeur CSS Yellow Pencil Live (inclus gratuitement dans notre thème New York WordPress). L’avantage de ce plugin est qu’il vous permet non seulement de modifier les polices de votre site Web grâce à une méthode simple de clic et d’édition. Vous pouvez également personnaliser toutes les couleurs, tailles de police, poids de police, remplissages, marges, etc. de votre thème WordPress.
Quelles polices dois-je utiliser?
La plus grande force du répertoire des polices Google peut également vous rendre la vie difficile. Il existe un si grand nombre de polices disponibles que trouver et choisir un mélange de polices décent peut être difficile.
Les polices que vous choisirez dépendront complètement 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. Ces deux termes sont fréquemment et incorrectement interchangeables. Une police est la collection complète de lettres, chiffres, symboles, etc. En faisant référence au design de cette collection, je l’appellerais typographie.
Classifications des polices
Plusieurs classifications peuvent être appliquées aux polices de caractères. Ce sont: Serif, Sans Serif, Display, Écriture manuscrite (ou Script) et Monospace. Il y en a d’autres qui sont utilisés dans la presse écrite, bien que nous n’ayons pas à nous en préoccuper pour le moment.
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 files d’attente.
Moniteur Les polices de caractères sont inhabituelles et décoratives.
L’écriture les polices de caractères ressemblent à un script cursif ou bloc manuscrit.
Finalement, monospace les polices sont composées de caractères qui occupent exactement la même quantité d’espace.
Meilleures pratiques pour les polices de conception Web
Il existe des recommandations de bonnes pratiques à suivre lors du choix des polices à utiliser.
C’est une bonne idée éviter d’utiliser plus de deux sources différentes dans la conception de votre site. Il peut être difficile d’équilibrer plus de deux sources. Et le mélange de plus de deux polices 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, veillez à ne pas les choisir dans la même classification de caractères. Leur mieux combiner les polices. En d’autres termes, évitez d’utiliser deux polices Serif différentes ou deux polices Sans Serif différentes.
Il existe des polices qui fonctionnent très bien pour les titres, mais elles 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 sources de contenu doivent être propres et faciles à lire. alors 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.
Finition des polices Google pour WordPress
Comme vous commencez peut-être à l’apprécier, la sélection de polices pour la conception de votre site Web peut être un processus compliqué et complexe. La décision va bien au-delà du simple choix de l’une ou l’autre des deux sources.
Il y a plusieurs choses que vous devez vous efforcer d’assurer dans vos choix. Assurez-vous que la hiérarchie de la classe d’en-tête est équilibrée et que les étiquettes d’en-tête sont réduites en taille relative.
La moitié de la bataille d’une bonne conception et typographie du site est cohérente 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 ce processus beaucoup plus facile qu’il ne l’a jamais été. Même avec ces ressources, avoir une police de caractères 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 pour un designer professionnel de jeter un œil à votre site.
Avez-vous mis en place des polices Google sur votre site Web? Avez-vous créé un thème à partir de zéro qui comprend des polices Google? Nous aimerions connaître votre opinion sur la typographie et vos polices préférées dans les commentaires ci-dessous.
