Les polices personnalisées d'Elementor ne s'affichent pas sur le site live

Utilisation d'Elementor Fonctions des polices personnaliséesUn problème courant se pose lorsqueLes polices personnalisées ne s'affichent pas sur le site.

Il y a plusieurs raisons à ce problème, qui peuvent être les suivantesMise en cache, paramètres HTTP/HTTPS, erreurs CORSetc. Cet article analyse en détail les causes et les solutions possibles.

Causes possibles et solutions

Problèmes de mise en cache

Le problème peut être dû à un problème de mise en cache.

effacer le cache: :

• Effacer le plugin de cache de WordPress (si un plugin de cache est utilisé).
• Si vous utilisez l'accélération CDN, etc., videz le cache du serveur.
• Videz le cache de votre navigateur.
• Après avoir effacé toute la mémoire cache, vérifiez à nouveau. Si le cache de votre navigateur n'est pas complètement vidé, vous devrez peut-être utiliser un autre navigateur ou naviguer en mode incognito.

Mauvaise correspondance HTTP/HTTPS

Si vous avez récemment migré de HTTP à HTTPS, il se peut que vous deviez télécharger à nouveau le fichierFichiers de polices.

Pour télécharger à nouveau le fichier de police: :

1) Naviguez depuis le tableau de bord de WordPress jusqu'à l'ongletElementor > Polices personnalisées. 

2. si l'URL listé ne commence pas parhttpsAu début, cliquez sursupprimer.

3. cliquez sur"Télécharger"Recharger le fichier.

4. naviguer versElementor > Outils.

5. cliquez sur"Régénérer les CSS et les données". L'url devrait maintenant commencer comme suithttpset vos polices devraient apparaître sur la page d'accueil.
Si cela ne fonctionne toujours pas, il se peut que vous ayez rencontré d'autres problèmes lors de votre précédente migration vers HTTPS.

6. naviguer versElementor > Outils > Remplacer l'URL.

7) Dans le volet de droite, localisez le fichierMettre à jour l'adresse du site (URL)Partie.

8) Dans le champ Ancienne URL, saisissez le nom de l'URL avec la mentionHTTPURL du site. 

9) Dans le nouveau champ URL, saisissez le nom de l'URL avecHTTPSURL du site.

10. cliquez sur"Remplacer l'URL.

11. faites défiler vers le bas et cliquez sur"Sauvegarder les modificationsBouton.

12. navigation vers"Réglages" > "Général".

13. assurerAdresse de WordPress (URL)répondre en chantantAdresse du site (URL)afin dehttpsDébut.

Erreurs CORS dans la console

Si les polices personnalisées ne sont pas affichées et que l'optionErreur CORS reçue dans la console du navigateurVous ne pouvez modifier la politique CORS du serveur qu'en contactant le fournisseur du serveur. 

Problèmes avec les polices dans les modèles importés

Si un modèle Elementor contenant des polices personnalisées est importé, il se peut que ces polices ne soient pas importées automatiquement et qu'elles ne s'affichent pas.

Solution :

• Télécharger manuellement des polices personnalisées dans la base de données Elementor > Polices personnalisées. Lors de l'importation d'un modèle, assurez-vous que toutes les polices ont été ajoutées correctement.

L'épaisseur de la police sélectionnée n'est pas disponible

Les polices personnalisées peuvent ne pas prendre en charge toutes les épaisseurs de police. Si une épaisseur de police est sélectionnée dans les paramètres de typographie et que le fichier de police personnalisée ne contient pas cette épaisseur, il se peut que la police ne s'affiche pas du tout.

Solution :

• Sélectionnez l'épaisseur de la police qui s'applique à la police personnalisée dans Elementor. Si nécessaire, consultez le concepteur de la police pour vous assurer que vous comprenez toutes les options d'épaisseur prises en charge par la police.

Code personnalisé non valide

Un code CSS ou JavaScript personnalisé non valide peut affecter l'affichage du site, notamment en empêchant les polices personnalisées de s'afficher correctement.

Solution :

• Vérifiez deux fois et supprimez le code potentiellement invalide, en particulier les feuilles de style CSS ou JavaScript personnalisées. Si vous ne parvenez pas à identifier un problème de code, désactivez temporairement ce code personnalisé et vérifiez si les polices s'affichent à nouveau.

Toutes les variantes de polices ne sont pas incluses

Les polices peuvent être gérées différemment selon les appareils et les navigateurs. Par conséquent, pour garantir que les polices personnalisées s'affichent correctement sur tous les appareils, vous devez télécharger toutes les variantes de polices nécessaires, notamment .ttfet.svget.woffet.woff2 répondre en chantant .eot.

Solution :

Assurez-vous que toutes les variantes du fichier de police sont téléchargées. S'il manque des variantes, les problèmes suivants peuvent survenir :

• Les polices reviennent aux polices par défaut
• Le texte ne s'affiche pas sur le site web

Pour éviter ces problèmes, veillez à télécharger des variantes complètes de polices qui répondent aux besoins d'affichage des différents navigateurs et appareils.