WordPress
time_read25mn de lecture

Comment ajouter des polices personnalisées à WordPress ?

31 décembre 2023

Comment ajouter des polices personnalisées à WordPress ?

Personnaliser l’apparence de votre site WordPress est essentiel pour se démarquer et refléter votre identité de marque unique 🎨. L’une des manières les plus efficaces d’y parvenir est d’ajouter des polices personnalisées à votre site WordPress 🖋️. Dans cet article, nous allons explorer les différentes méthodes pour intégrer des polices uniques qui donneront à votre site un aspect et une sensation distincts. Que vous soyez un débutant en WordPress ou un développeur chevronné, vous apprendrez comment choisir et intégrer des polices qui correspondent parfaitement à l’esthétique de votre site. Suivez notre guide détaillé pour transformer l’apparence de votre site avec des polices personnalisées, et donnez une nouvelle dimension à votre présence en ligne 🌐💡

Objectif

L’objectif principal de cet article est de fournir aux utilisateurs de WordPress, qu’ils soient novices ou expérimentés, les connaissances et les outils nécessaires pour ajouter avec succès des polices personnalisées à leur site web. Nous visons à démystifier le processus d’intégration de polices uniques, en offrant des instructions claires et des solutions pratiques adaptées à divers niveaux de compétences techniques. En suivant ce guide, vous serez capable de personnaliser l’apparence de votre site WordPress d’une manière qui reflète votre style personnel ou l’identité de votre marque, améliorant ainsi l’expérience visuelle de vos visiteurs et renforçant l’impact visuel de votre présence en ligne.

Prérequis

  • Accéder à votre site WordPress en tant que gérant ou administrateur.
  • Avoir des notions sur le processus à suivre pour installer un plugin WordPress.

Une solution clés en main pour créer un site WordPress ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Trouver une police à utiliser sur votre site WordPress

ajouter des polices personnalisées à WordPress

Dans WordPress, vous pouvez être rapidement limité si vous envisagez d’utiliser une police qui n’est pas fournie par votre thème. Ainsi, la meilleure façon d’agir consiste à ajouter une police personnalisée.

En ligne, vous pouvez trouver des polices gratuites ou payantes à utiliser sur des nombreux sites. Parmi ces sites, vous avez entre autres Googles Fonts. Il s’agit de l’un des services propulsés par Google où vous pouvez trouver plusieurs centaines de polices à utiliser gratuitement. Mais vous pouvez également trouver d’autres polices sur des sites tels que Font Squirrel et DaFont

Sur ces différentes plateformes, vous pouvez télécharger des polices à usage commercial ou personnel. Notez que chaque police est disponible dans un fichier au format .zip. Une fois que vous l’avez téléchargé, vous devez extraire la police en utilisant un logiciel d’extraction tel que WinRAR.

Les meilleures polices pour le web

type de polices webEn ligne, vous trouverez des milliers de polices utilisables. Cependant, vous devez noter qu’il existe certains formats de polices qui ne sont pas compatibles avec les différents navigateurs web. Vous devez toujours vous assurer que votre police est prise en charge par la plupart de navigateurs web modernes. Notez qu’une police incompatible peut altérer votre expérience utilisateur.

Les formats de polices qui sont compatibles avec la majorité de navigateurs web modernes sont entre autres :

  • Polices True Type (TTF) : ce format de police a été développé conjointement par les sociétés Microsoft Corporation et Apple. Les caractères de ce format ont la forme d’images bitmap et sont couramment utilisés sur les systèmes d’exploitation Windows et Macintosh.
  • Open Type Fonts (OTF) : ce format est compatible avec la majorité de navigateurs web modernes. Il a été créé par la société Microsoft Corporation et répond à la norme ISO d’Open Font Format.
  • Polices OpenType intégrées (EOF) : elles sont prises en charge par la plupart des navigateurs web populaires. Ces dernières intègrent les jeux de caractères internationaux et sont une extension de la police TrueType.
  • Web Open Font Format (WOFF) : ce format de polices est le plus utilisé sur les pages web. C’est le format recommandé par le World Wide Web Consortium (W3C).

Si votre police ne répond à aucun de formats énumérés ci-haut, vous pouvez toujours la convertir en utilisant Webfont Generator. Il s’agit d’un logiciel gratuit que vous pouvez utiliser pour convertir n’importe quelle police dans un format accepté par le web.

À cet instant, il est évident que vous avez déjà téléchargé le fichier de votre police dans votre ordinateur et que vous avez extrait le contenu du fichier .zip.

Ensuite, accédez à l’outil Webfont Generator et cliquez sur le bouton « Upload fonts ».télécharger le fichier de votre police Vous serez redirigé vers votre ordinateur, choisissez le fichier de votre police et téléchargez ce dernier dans cet outil. Ensuite, sélectionnez le type de conversion parmi les trois options fournies. Vous devez aussi certifier que votre police est légale et utilisable sur le web en cochant la case correspondante.

Enfin, il ne vous reste qu’à cliquer sur le bouton « Download your kit » pour télécharger votre police convertie.convertir une police au format adapté

Comment ajouter des polices personnalisées à WordPress ?

Une fois que vous avez une police adaptée au web, il ne vous reste qu’à l’ajouter à votre site. Vous pouvez y aller manuellement ou en utilisant un plugin dédié.

Méthode 1 : ajout manuel de polices personnalisées à WordPress

Cette méthode nécessite de modifier les fichiers modèles de votre thème. Vous pouvez pour cela utiliser un client FTP tel que FileZilla ou encore le gestionnaire de fichiers intégré dans votre compte d’hébergement.

Important ! Avant de continuer, faites une sauvegarde complète de votre site web. Ensuite, utilisez cette copie pour restaurer votre site au cas où il est affecté par vos modifications.

Ensuite, vous devez télécharger le fichier de votre police dans le dossier « fonts » disponible via le chemin « wp-content › thèmes › thème actif ». Si ce dossier n’existe pas, vous devez le créer manuellement.

Dans votre gestionnaire de fichiers, une fois que vous êtes dans le dossier « fonts », cliquez sur le bouton « Charger ».charger la police Ensuite, choisissez le fichier de votre police dans votre ordinateur et commencez le téléchargement.

Vous devez attendre la fin du téléchargement avant de continuer.terminer le téléchargement

Votre police est maintenant téléchargée dans votre thème.télécharger la police dans votre thème

La prochaine étape consiste à accéder à la section « Apparence › éditeur de fichiers des thèmes » dans votre espace d’administration WordPress.Apparence/personnaliser le thème

Votre thème sera ouvert dans l’interface d’édition. Accédez au fichier « Style.css » et ajoutez le code ci-dessous :

@font-face { font-family: AlexBrush-Regular; src: url(https://moncpaneltest4.site/wp-content/themes/astra/fonts/AlexBrush-Regular.ttf); font-weight: normal; }

Vous devez remplacer dans le code, la famille ainsi que l’URL de votre propre police.

ajouter une police personnalisée à WordPressTerminez votre configuration en cliquant sur le bouton « Mettre à jour le fichier ».

Besoin d’un hébergeur pour votre site ?

LWS vous conseille sa formule d’hébergement web en promotion à -25% (offre à partir de 1,49€ par mois au lieu de 1,99 €). Non seulement les performances sont au rendez-vous mais vous profitez d’un support exceptionnel.

Découvrir l’offre

Méthode 2 : utiliser un plugin pour ajouter des polices à WordPress

Vous pouvez utiliser un plugin si vous n’avez pas des compétences techniques pour modifier le code. Et c’est la manière la plus sécurisée de travailler sans risque d’affecter votre site. Vous avez plusieurs plugins que vous pouvez utiliser. Il s’agit notamment des extensions WP Google Fonts, Easy Google Fonts et Use Any Font.

Les étapes à suivre sont relativement simples pour toutes ces extensions. Par exemple, avec le plugin WP Google Fonts, il suffit d’installer cette extension sur votre site.installer WP Google Fonts Ensuite, vous devez accéder à l’option « Google fonts » de l’extension.configurer le plugin WP Google Fonts

Dans l’interface résultante, vous pouvez choisir une famille de police à utiliser et les éléments auxquels cette dernière doit être appliquée. choisir une famille de policeEnsuite, spécifiez d’autres paramètres comme bon vous semble.specifier les paramètres du plugin

Une fois que vous avez terminé, cliquez sur le bouton « Sauvegarder toutes les polices ».

Besoin d'une solution de sauvegardes en ligne ?

LWS vous conseille sa formule de sauvegarde Cloud Drive en promotion à -50% (offre à partir de 3,99€ par mois au lieu de 7,99 €). Non seulement vos données sont sauvegardées en France mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Conclusion

🥳 Toutes nos félicitations d’avoir lu cet article. Comme vous pouvez le voir, ajouter des polices personnalisées à WordPress est simple. Vous pouvez le faire manuellement ou avec un plugin. Il ne vous reste qu’à choisir la méthode la plus simple et personnaliser votre site dès aujourd’hui.

Quelle méthode utilisez-vous pour ajouter des polices personnalisées à votre site ? Écrivez votre réponse dans la section Commentaires.

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.