Les polices Elementor ne s'affichent pas ? Vérification de la superposition des CSS du thème

Lors de la création de pages avec Elementor, de nombreuses personnes rencontrent un problème : les polices définies dans l'éditeur semblent correctes, mais la page d'accueil affiche les polices par défaut, voire aucun style de police. L'une des raisons les plus courantes est que les styles CSS du thème remplacent les paramètres de police d'Elementor.

Cet article présente Les polices Elementor ne fonctionnent paset de fournir un ensemble d'options de style de thème de dépannage pour aider à corriger rapidement les anomalies de police.

Tout d'abord, la police n'indique pas la performance commune

• Les polices de la page de garde sont toutes affichées dans la police par défaut du système (par exemple Times New Roman).

• Il s'affiche correctement dans l'éditeur, mais n'est pas cohérent dans le frontend.
• Seules certaines polices du module sont correctes, d'autres ne sont pas chargées.
• La fonctionpolice globaleLe réglage ne fonctionne pas

La plupart de ces problèmes sont dus à des styles CSS dans le thème qui affectent le chargement des polices.

Pourquoi le CSS du thème remplace-t-il les styles de police d'Elementor ?

Les thèmes WordPress se trouvent généralement dans la section style.css Vous pouvez également définir des paramètres globaux pour les polices dans le fichier de style du cadre, par exemple :

corps {
  font-family : 'Noto Sans', sans-serif ; }
}

Ce type de définition de style affecte l'ensemble du site. Si Elementor utilise des polices qui ne sont pas déclarées via des sélecteurs plus puissants, les polices de la page peuvent êtreStyle du thèmeRemplacement.

Certains thèmes (par exemple Astra, Kadence, Blocksy) prennent en charge eux-mêmes le contrôle des polices, et les paramètres de typographie dans le panneau des paramètres du thème peuvent également remplacer les paramètres d'Elementor.

Troisièmement, la méthode permettant de vérifier si le style de police est modifié

Méthode 1 : Utiliser les outils de développement du navigateur pour afficher la source du style

• Ouvrir la page d'accueil
• Cliquez avec le bouton droit de la souris sur le texte dont la police est anormale et sélectionnez "Vérifier".

• Regardez dans les panneaux Styles ou Calculé. police de caractères type

• Observez de quel fichier provient le style :
  • Si la source est theme.css peut-être style.cssDescription du projetthématique
  • Si c'est le cas elementor-frontend.cssCela signifie que les paramètres d'Elementor sont normaux.
  • s'il est présent !importantLe style de description est forcé d'être remplacé

Vérifiez également que le sélecteur est corpset.entry-contentet.site-content etc. Il s'agit généralement de styles globaux définis par le thème.

Méthode 2 : Vérifier les paramètres typographiques du thème

Prenons l'exemple du thème de l'Astra :

• Allez dans Apparence > Personnaliser > Global > typographique

• Pour savoir si la police du corps est réglée sur une certaine police

• S'il est déjà défini, vous pouvez le changer en "Hériter" ou supprimer le paramètre de police et laisser Elementor prendre en charge le style.

D'autres sujets tels que Kadence,BlocksyIl existe des chemins d'installation similaires pour OceanWP et d'autres.

Méthode 3 : Comparer les polices de l'éditeur et du frontend

• Ouvrez l'éditeur Elementor pour vérifier si la police a été appliquée
• Comparez l'affichage de la page d'accueil pour en vérifier la cohérence
• S'il ne correspond pas, c'est que le style est remplacé par un style externe.

Quatrièmement, corriger le CSS du thème pour remplacer les polices de la méthode

1. paramétrer les polices directement dans Elementor

Sélectionner explicitement les polices dans chaque module sans utiliser les options par défaut ou héritées :

Chemin : Style > Typographie > Familles de polices > Sélectionner des polices spécifiques

De cette manière, Elementor génère des styles en ligne pour éviter d'être écrasé par des styles externes.

2. utiliserCSS personnalisé Augmenter la priorité du style

Les utilisateurs d'Elementor Pro peuvent ajouter des styles personnalisés aux modules, par exemple :

sélecteur {
  font-family : 'Roboto', sans-serif !important ;
}

Si vous utilisez la version gratuite, vous pouvez ajouter un code similaire à l'aide du plugin de style global.

3. désactiver la fonction de mise en page du thème

Certains thèmes permettent de désactiver la fonction de polices globales :

• Astra : Apparence > Personnaliser > Global > Typographie > Désactiver les polices Google
• Blocksy : Apparence > Personnaliser > Typographie > Polices héritées

Lorsqu'il est défini sur "inherit", le thème ne force pas le contrôle de la police.

4. désactiver les fichiers de style du thème à l'aide d'un plug-in (avancé)

Les plugins suivants peuvent être utilisés pour gérer le comportement de chargement des feuilles de style CSS :

• Nettoyage des actifsDésactivation du chargement des fichiers CSS non désirés dans le thème

• Simple Custom CSS & JS : Ajoutez des styles personnalisés à vos pages pour une meilleure priorité

V. Résumé

Les polices de Elementor ne s'affichent pasLa plupart de ces problèmes sont dus à des remplacements de style de thème ou à une logique d'héritage erronée. La vérification de la source des polices à l'aide des outils de développement du navigateur, combinée à l'ajustement des paramètres de typographie du thème et à la spécification du style de police exact, peut rapidement résoudre le problème de l'inefficacité des polices.

Si vous rencontrez une situation similaire, vous pouvez vous référer à la méthode d'investigation et d'ajustement ci-dessus, afin de trouver la source des conflits de style et d'obtenir un effet de rendu de police uniforme et stable.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.