L’utilisation d’une police personnalisée sur votre site Web WordPress (ou tout autre site Web) peut être une tâche compliquée et frustrante. La conversion de la police au format Web, le téléchargement des fichiers et la mise à jour des fichiers CSS peuvent prendre beaucoup de temps.

Le chemin à parcourir pour sortir du lot peut être long.

Mais il existe un moyen plus facile d’utiliser une police personnalisée. Nous allons mettre en lumière un plugin de police WordPress appelé Use Any Font, qui permet d’ajouter facilement des polices à WordPress en quelques minutes.

Le pour et le contre des polices personnalisées

Les polices personnalisées sont formidables, mais elles doivent être accompagnées de quelques avertissements.

Si vos fichiers de polices sont volumineux, ils auront un impact négatif sur la vitesse de chargement des pages. Sans parler du fait que tous les navigateurs Web ne prennent pas en charge tous les types de polices. Et puis il y a la question délicate des droits et des licences, dont nous parlerons dans une minute.

Mais les obstacles valent la peine d’être surmontés. Une police personnalisée peut traduire l’objectif ou les aspirations d’un site (consciemment ou inconsciemment). Il y a quelques années, le New York Times Magazine a fait l’objet d’une refonte qui prévoyait l’utilisation de nouvelles polices de caractères pour donner au site “un aspect littéraire”.

En relation  Comment résoudre le problème de redirection et de rafraîchissement de la connexion dans WordPress

La plupart des sites Web de magazines et de journaux utilisent des polices personnalisées pour se distinguer de la concurrence et transposer leur aspect imprimé sur le Web.

Mais il n’est pas nécessaire d’être un grand éditeur pour profiter des polices personnalisées. Elles peuvent contribuer à faire passer n’importe quel site Web de l’ordinaire à l’extraordinaire.

La typographie des sites Web a fait du chemin

Le Web, beau et varié, que nous considérons comme acquis, a commencé par être composé de Times New Roman sur un fond gris, avec de temps en temps une image de 5 ou 10 kb ajoutée pour ralentir le chargement de la page.

La typographie était ennuyeuse et standard car les premiers navigateurs Web ne pouvaient afficher que les polices installées sur l’ordinateur du visiteur. Si vous vouliez que tous les utilisateurs aient une expérience cohérente, votre choix de polices devait être minimal.

L’introduction des polices Web nous a libérés de la restriction d’afficher des polices tirées du système d’exploitation du visiteur et a déplacé la présentation des polices vers le navigateur.

Les polices Web permettent également à un site d’utiliser une police personnalisée unique, ce qui constitue non seulement un puissant facteur de différenciation, mais aussi un outil de conception précieux.

Utilisation d’une police personnalisée sur votre site Web WordPress

WordPress dispose de nombreux plugins qui peuvent vous connecter à des collections de polices web gratuites comme Google Fonts. Le plugin WordPress Jetpack possède même une option Google Fonts intégrée.

Mais si vous voulez utiliser des polices personnalisées, vous avez besoin d’un plugin qui vous permet de télécharger une police sur WordPress. C’est ce que nous recherchons ici avec Use Any Font.

En relation  Comment rediriger les visiteurs vers une page de maintenance dans WordPress.

Use Any Font est très simple, et son utilisation est gratuite pour une seule police. Si vous souhaitez utiliser plusieurs polices personnalisées, vous devrez payer une clé API premium.

Installons-le, et je vais vous montrer à quel point il est facile de le configurer.

Connectez-vous à votre panneau d’administration WordPress.

Dans la colonne de navigation de gauche, passez la souris sur le lien “Plugins” et cliquez sur le lien “Add New”.

Faites défiler la page vers le bas et cliquez sur le bouton “Attribuer la police” au bas de la section. Gardez à l’esprit que le bouton “Attribuer la police” en haut n’enregistre pas la sélection.

Les pages de votre site Web utiliseront désormais la police personnalisée pour tous les éléments que vous avez spécifiés.

Faites en sorte que votre site Web se distingue des autres

D’accord, vous n’avez probablement pas envie d’utiliser quelque chose d’aussi inhabituel qu’une police d’écriture manuscrite pour tout le texte de votre site. Mais une police distincte et différente peut faire ressortir votre site Web.

Veillez toutefois à prendre en compte les performances. La différence a un coût, et vous ne voulez pas que ce coût ralentisse trop le chargement de vos pages. Si votre site semble lent après l’utilisation de polices personnalisées, recherchez une typographie différente.

Si votre site WordPress est lent ou léthargique, il est peut-être temps de trouver un meilleur hébergeur. La plateforme Webographie est optimisée pour WordPress. Si vous recherchez des performances haut de gamme, ne cherchez pas plus loin.

Fait amusant pour étonner et ennuyer vos amis : saviez-vous que le terme correct pour ce que nous appelons aujourd’hui une police de caractères est en réalité une police de caractères ? C’est exact. Times New Roman est une police de caractères, mais les différentes tailles et poids de cette police sont des polices différentes.

En relation  Comment apporter des modifications au fichier wp-config.php dans WordPress

Ainsi, le Times New Roman gras est une police différente du Times New Roman italique. Et le Times New Roman 12 points est une police différente du Times New Roman 18 points.

Cette terminologie remonte à l’époque de l’impression avec des caractères métalliques. Aujourd’hui, seuls les anciens graphistes ou les personnes qui impriment encore avec des caractères métalliques font la distinction. Mais maintenant, vous connaissez la différence.

Et lorsqu’elle apparaîtra dans le jeu Jeopardy, vous saurez comment répondre.

Et maintenant vous savez comment ajouter une police à WordPress, ce qui n’est pas une mince affaire, et une compétence bien plus utile que la capacité à répondre aux questions de Jeopardy.

Avez-vous déjà implémenté une police personnalisée sur un site Web ? Pensez-vous que l’augmentation du temps de chargement des pages vaut la peine d’améliorer le design ?