Retour à l’assistance Concevez votre site Modifier les polices de votre site

Modifier les polices de votre site

Le style des caractères de texte sur votre site Web est appelé police. Ce guide vous montre comment choisir les polices de votre site.

Polices et éligibilité selon les plans

Les sites Web disposant de nos plans Premium, Business et Commerce vous donnent accès à un large choix de polices, mais ne vous permettent pas de charger vos propres polices personnalisées.

Pour charger des polices personnalisées et installer des styles de police à partir de Google Fonts, passez à un plan Business ou Commerce.

Modifier vos polices

Vous pouvez modifier les polices de votre site en suivant les étapes ci-dessous.

Pour savoir quelle section de ce guide suivre, rendez-vous sur votre tableau de bord et consultez la section Apparence sur le côté gauche. Si Éditeur s’affiche, utilisez la section Éditeur de site de ce guide. Sinon, utilisez les instructions de l’éditeur de page ou de l’outil de personnalisation.

Si votre site utilise un thème qui prend en charge l’éditeur de site, vous pouvez utiliser l’option Styles pour modifier les polices de votre site. Pour modifier les polices de votre site, procédez comme suit :

  1. Rendez-vous sur votre tableau de bord WordPress.com.
  2. Accédez à Apparence → Éditeur.
  3. Cliquez sur Styles sur la gauche ou sélectionnez l’icône Styles qui ressemble à un cercle noir et blanc.
  4. Sélectionnez l’option « Typographie ».
  5. Choisissez parmi les éléments de texte suivants sur votre site :
    • Texte
    • Liens
    • Titres
    • Légendes
    • Boutons
  6. Cliquez sur la liste déroulante sous « Police » et choisissez une police. Le texte sera mis à jour avec la police choisie pour que vous puissiez voir comment il se présente.
  7. Cliquez sur le bouton « Enregistrer ».

Ces étapes sont illustrées dans la vidéo ci-dessous :

Flèche pointant vers le bouton Styles dans l’éditeur de site. L’icône est un cercle noir et blanc.
L’icône Styles
Modification des polices dans l’éditeur de site

Consultez notre guide Styles pour obtenir des informations plus détaillées sur tout ce que vous pouvez faire pour ajuster l’apparence du texte sur votre site Web.

Appliquer une police à un texte spécifique

Lors du choix de polices, des options s’affichent pour vous permettre de définir les polices pour l’intégralité de votre site, et non pour des pages individuelles ou une ligne de texte spécifique. C’est un exemple de bonne pratique en matière de design ; un site Web est plus attrayant lorsque l’ensemble de ses polices sont harmonisées. Un grand nombre de polices différentes risque de nuire à la lisibilité du site.

Si vous souhaitez mettre un élément de texte en évidence, envisagez d’autres alternatives, telles que l’application de différentes couleurs, l’utilisation d’un bloc Titre ou Citation ou l’insertion d’une image.

Charger des polices personnalisées

Cette section du guide s’applique aux sites utilisant les plans WordPress.com Business et Commerce, ainsi que l’ancien plan Pro. Si vous avez un plan Business, assurez-vous de l’activer. Les sites utilisant les plans Gratuit, Personnel et Premium doivent mettre à niveau leur plan pour avoir accès à cette fonctionnalité.

Vous trouverez une large choix de styles de police pour votre site Web. Si vous souhaitez un choix de polices encore plus grand, vous pouvez installer ou charger des polices personnalisées directement via l’éditeur de site.

Notre guide vous explique comment installer, charger et gérer des polices personnalisées.

Flash de texte sans style

Le flash de texte sans style (FOUT) correspond au moment où une police différente apparaît brièvement avant la police que vous avez choisie. Pour les connexions relativement lentes, le texte s’affiche d’abord dans la police par défaut du thème. Ainsi, les visiteurs peuvent commencer à lire votre contenu avant le chargement de la police choisie, au lieu d’attendre devant une page vide. Il s’agit d’un compromis généralement préférable pour les lecteurs disposant d’une connexion lente.

Toutefois, pour éviter ce désagrément, vous pouvez ajouter ce code CSS à votre site à l’aide de l’éditeur CSS sous Apparence → Personnaliser → CSS additionnel si vous disposez d’un plan éligible :

.wf-loading body { visibility: hidden; }

ou

html:not(.wf-active) body { display: none; }

Google Fonts et RGPD

Les polices Google Fonts demandées pour une utilisation dans les thèmes WordPress.com sont hébergées sur les serveurs WordPress.com et n’utilisent plus le CDN/FDN de Google. Ce changement a été effectué en décembre 2022.

Si votre site utilise une extension personnalisée ou un thème tiers, assurez-vous auprès des développeurs de l’extension ou du thème qu’ils ne proposent pas Google Fonts via le CDN/FDN de Google. Pour en savoir plus sur le RGPD, cliquez ici.

Copied to clipboard!