Une façon d'améliorer considérablement la conception et le professionnalisme de votre site Web consiste à utiliser de superbes polices.

La plupart des gens ne réfléchissent 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 auparavant une tâche simple et franchement assez ennuyeuse. Il y avait très peu de polices Web sécurisées à votre disposition, mais maintenant, avec le grand nombre de polices optimisées pour le Web créées en permanence, il peut être difficile de déterminer lesquelles utiliser.

Avec la création de Polices Google et les 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 1 - Sabma Digital

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 de réflexion pour que leur police soit incluse dans le répertoire 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 s'assurer au préalable qu'elles sont complètes et optimisées pour le Web.

L'utilisation de différentes polices dans le passé signifiait que les utilisateurs devaient installer la police 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, 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 Google Fonts sur mon site Web ?

Certains thèmes WordPress tels que le Thème WordPress total inclure 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, le poids de la police et même l'espacement des lignes pour les éléments du thème.

Nombre total d'options de police de thème

Cependant, si vous utilisez un thème différent, vous pouvez ajouter manuellement des polices Google ou utiliser un plugin.

Plugins WordPress pour ajouter des polices Google

easy google fonts plugin - Sabma Digital

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 facile à télécharger est cependant directement depuis 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.

yellow pencil wordpress plugin - Sabma Digital

Un autre excellent plugin pour personnaliser vos polices sur le site est le plugin de l'é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 d'édition. 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 Google Fonts peut également vous compliquer la vie. Il existe un si grand nombre de polices disponibles 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 design. 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'il utilise.

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 symboles numériques, etc. Lorsque vous vous référez à 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'impression, bien que nous n'ayons pas besoin de 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.

Police Serif

Sans empattement les polices de caractères n'ont pas de queue.

Police sans empattement

Affichage les polices de caractères sont inhabituelles et décoratives.

Afficher la police de caractères

Écriture les polices de caractères ressemblent à une écriture manuscrite cursive ou en bloc.

Police d'écriture manuscrite

Dernièrement, monospace les polices sont composées de caractères qui occupent chacun exactement la même quantité d'espace.

Police de caractère monospace

Meilleures pratiques en matière 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 polices. C'est mieux combiner les polices de caractères. En d'autres termes, évitez d'utiliser deux polices Serif différentes ou deux polices sans serif différentes.

Certaines polices fonctionnent très bien pour les titres, mais ne sont pas idéales pour le contenu du corps et vice versa. Certains sites 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.

Conclusion de Google Fonts 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 délicat et complexe. Il y a bien plus à décider que de simplement choisir deux polices.

Il y a plusieurs choses que vous devez vous efforcer d'assurer 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 faire examiner votre site par un designer professionnel.

Avez-vous implémenté Google Fonts sur votre site Web ? Avez-vous créé un thème à partir de zéro qui inclut Google Fonts ? Nous aimerions entendre vos réflexions sur la typographie et vos polices préférées dans les commentaires ci-dessous.