Guide d'ajout de polices personnalisées sur WordPress (Block Themes & Classic Themes General)

policeLa typographie est un élément essentiel de la conception d'un site web. Une typographie uniforme et distinctive améliore non seulement la lisibilité, mais contribue également à renforcer l'identité de la marque. Les polices personnalisées sont un excellent moyen de créer un aspect professionnel, car elles sont plus attrayantes visuellement que les polices système par défaut.

Cet article présente trois méthodes courantes pour importer des polices WordPress, adaptées à différents types de thèmes et habitudes de fonctionnement.

Préparation du fichier de police

Les formats de polices Web les plus couramment utilisés sont les suivants .woffet.woff2et.otfet.ttf répondre en chantant .eot. Parmi eux .woff2 Haute compression et compatibilité avec la plupart des navigateurs modernes.

Si le format de la police ne répond pas aux exigences d'utilisation, il peut être converti à l'aide d'outils en ligne tels que Transfonter.org. Il est recommandé de télécharger également .woff répondre en chantant .woff2 deux formats pour améliorer la compatibilité.

Méthode 1 : Télécharger les polices à l'aide de l'éditeur de site (pour WordPress 6.5+)

WordPress 6.5 ajoute la fonction de téléchargement des polices, ce qui nécessite l'activation du thème des blocs.

Le cheminement de l'opération est le suivant :

• Allez dans "Apparence > Éditeur".

• Ouvrez le paramètre "Style" dans le coin supérieur droit et cliquez sur "Typographie".

• Sélectionnez "Manage Fonts" et cliquez sur "Upload Fonts".

• Sélection d'un fichier de police local (pris en charge) .woffet.ttf (etc.)

• Après le téléchargement, vous pouvez sélectionner la police correspondante dans les paramètres de mise en page du site.

Cette méthode n'utilise pasplug-in (composant logiciel)ou l'intervention d'un code. Pour utiliser les polices Google, cliquez sur "Installation des polices de caractères", recherchez les polices Google Fonts et ajoutez-les d'un seul clic.

Méthode 2 : utiliser un plugin pour importer des polices (applicable à tous les thèmes)

Si le site n'utilise pas le thème du bloc ou si vous souhaitez le rendre plus intuitif, vous pouvez le faire via la rubriqueplug-in (composant logiciel)Active l'importation de polices.

Plugin recommandé :

• Utiliser n'importe quelle policeSupport pour le téléchargement de polices locales
• Polices Google faciles à utiliser: permet d'accéder rapidement aux polices de Google

utiliser Utiliser n'importe quelle police Les étapes du plug-in sont les suivantes :

• Installez et activez le plugin

• Allez sur la page des paramètres du plugin pour appliquer et vérifier la clé API.

• Téléchargez le fichier de police et nommez-le

• Une fois la police téléchargée avec succès, elle apparaîtra dans le menu de mise en page du site.

L'approche par plugin convient à la plupart des sites et est facile à mettre en place, avec ou sans base de code.

Méthode 3 : importation manuelle des polices à l'aide d'un thème enfant (pour les utilisateurs ayant une expérience du code)

L'importation de polices peut être réalisée par le biais de thèmes enfants si un degré de liberté plus élevé est nécessaire ou par une approche indépendante des plugins.

Les étapes sont les suivantes :

• existent /wp-content/themes/ Créez un dossier sous-thème sous

• augmenter style.css répondre en chantant functions.php qui définit les informations du thème et introduit les styles du thème parent

• établir polices de caractères et téléchargez le fichier de police

• existent style.css Ajoutez le CSS suivant pour charger les polices personnalisées téléchargées localement. :

@font-face {
  font-family : 'CustomFont'.
  src : url('fonts/CustomFont.woff2') format('woff2'),
       
  font-weight : normal ;
  font-style : normal ; }
}
body {
  font-family : 'CustomFont', sans-serif ; } body {
}
@font-face {
  font-family : 'CustomFont'.
  src : url('fonts/CustomFont.woff2') format('woff2'),
       
  font-weight : normal ;
  font-style : normal ; }
}
body {
  font-family : 'CustomFont', sans-serif ; } body {
}
@font-face {
  font-family : 'CustomFont'.
  src : url('fonts/CustomFont.woff2') format('woff2'),
       
  font-weight : normal ;
  font-style : normal ; }
}
body {
  font-family : 'CustomFont', sans-serif ; } body {
}

• Retournez dans le backend de WordPress et activez le thème enfant.

Cette méthode convient aux utilisateurs ayant un certain niveau de connaissances techniques et permet un contrôle et une personnalisation plus souples.

résumés

Les polices personnalisées permettent de créer un style uniforme pour la typographie d'un site web. Que vous utilisiez un éditeur de site, un plug-in ou que vous le fassiez manuellement, il est possible de remplacer les polices de caractères. Choisir la bonne méthode, en tenant compte du thème du site et de vos propres besoins, peut contribuer à améliorer l'effet visuel global et l'expression des informations.