Comment ajouter et utiliser facilement des polices personnalisées dans Elementor

Que sont les polices personnalisées dans Elementor ?

Les polices personnalisées dans Elementor vous permettent d'ajouter des polices auto-hébergées et des polices Adobe au constructeur de pages et de les utiliser pour le contenu de votre site web. Avec les polices personnalisées, il est facile de télécharger n'importe quelle police et de modifier ses caractéristiques pour créer un style de police unique pour votre site web.

Il est également possible d'ajouter des polices Adobe à Elementor grâce à l'intégration d'Adobe Typekit, et de synchroniser et d'utiliser toutes les polices Typekit.

Formats de polices personnalisés pris en charge

Elementor prend en charge les cinq formats de polices personnalisés suivants :

1. Web Open Font Format (WOFF): Il s'agit du format de police le plus populaire et le plus recommandé, pris en charge par la plupart des navigateurs modernes.
2. Web Open Font Format (WOFF 2.0)Ce fichier prend en charge les polices OpenType et TrueType et offre une meilleure compression que le WOFF.
3. Polices SVGSVG (Scalable Vector Graphics) est un format d'image vectorielle basé sur XML pour définir des fichiers graphiques 2D. Ce format est particulièrement utile pour afficher les glyphes SVG dans du texte, notamment sur les anciens iPhones.
4. Polices TrueType (TTF)Format de police de caractères développé par Microsoft et Apple dans les années 1980.
5. Polices OpenType intégrées (EOT): Conçu par Microsoft pour prendre en charge IE.

Où puis-je télécharger des polices personnalisées gratuites pour Elementor ?

• Polices de caractères Google
• Dafont
• Police Écureuil
• Polices urbaines
• Espace polices

Pour télécharger ces polices, cliquez simplement sur le bouton de téléchargement de vos polices préférées, décompressez le dossier et sélectionnez le format de police approprié. Une fois que vous avez terminé, vous pouvez télécharger les polices sur WordPress et les utiliser dans Elementor.

Comment ajouter des polices personnalisées à Elementor

Il est facile d'ajouter des polices personnalisées à votre site web, que vous utilisiez la version gratuite ou premium d'Elementor. Cependant, les polices personnalisées intégrées à Elementor ne sont disponibles que dans Elementor Pro. Si vous utilisez la version gratuite, vous pouvez ajouter des polices personnalisées à votre site web en utilisant le plugin WordPress ou en installant l'extension Thèmes de Nexterpour y parvenir.

Voici les étapes détaillées pour ajouter des polices personnalisées à WordPress Elementor.

Étape 1 : Ajouter des polices personnalisées à Elementor Pro

Si vous utilisez Elementor Pro, vous pouvez profiter de sa fonction intégrée de polices personnalisées. Voici les étapes exactes :

1. Aller à Paramètres des polices personnalisées
   • Dans le tableau de bord de WordPress, naviguez jusqu'à la section Elementor > Polices de caractères personnalisées.
   • Cliquez "Ajouter de nouvelles polices"pour commencer à ajouter de nouvelles polices personnalisées.

Entrez un nom de famille de polices. Il est possible de sélectionner n'importe quel nom personnalisé.

Étape 2 : Ajouter des variantes de polices et télécharger des polices

1. Sur la page des polices personnalisées, cliquez sur "Ajouter une variante de police".
2. Ajoutez des noms de polices et téléchargez des fichiers de polices dans différents formats tels que WOFF, WOFF2, TTF, SVG et EOT.
3. Les fichiers de polices nécessaires peuvent être téléchargés à partir de divers catalogues de polices sur Internet.

4. Plusieurs variantes d'une même police peuvent être ajoutées en définissant l'épaisseur et le style de la police personnalisée.
5. Pour chaque format de police et chaque variante ajoutée, téléchargez séparément le fichier de police approprié.

Étape 3 : Publier la police finale

Après avoir téléchargé le fichier de police à partir de la bibliothèque multimédia, cliquez sur"Libération".bouton. La police est maintenant disponible dans Elementor.

Étape 4 : Utilisation de polices personnalisées sur le site Web d'Elementor

1. Dans le constructeur de pages Elementor, ouvrez n'importe quel widget contenant du texte.
2. Accédez à la section Styles du widget de texte.
3. Sous Paramètres de typographie, sélectionnez la police personnalisée que vous avez téléchargée.
4. Ajuster la taille des polices, les styles, les épaisseurs, les embellissements, etc. en fonction des besoins pour qu'ils soient cohérents avec la conception de votre site web.

Méthode 2 : Comment ajouter des polices personnalisées à Elementor gratuitement ?

L'ajout de polices personnalisées à la version gratuite d'Elementor nécessite un peu de travail supplémentaire car la fonctionnalité de polices personnalisées n'est pas intégrée. Pour ce faire, un plugin ou un thème WordPress prenant en charge les fichiers de polices personnalisées est nécessaire.POSIMYTH Innovations' Thèmes de NexterInclut des fonctionnalités de polices personnalisées et une intégration transparente avec Elementor.

Voici comment ajouter des polices personnalisées à Elementor en utilisant le thème Nexter.

Étape 1 : Installer les thèmes et les extensions de Nexter

1. Dans le tableau de bord de WordPress, naviguez jusqu'à la sectionétat extérieur > thématique > Ajouter un nouveau sujet.
2. Recherchez et installez les thèmes Nexter.
3. Cliquez sur "Installer l'extension Nexter" et activez le plug-in.

Étape 2 : Activer les polices personnalisées

1. Après avoir activé le thème, allez dans le tableau de bord de WordPress et dans la sectionétat extérieur > Réglages Nexter > option supplémentaire.
2. Recherchez et activez l'option de téléchargement de polices personnalisées.

Étape 3 : Télécharger le fichier de police personnalisé

1. Téléchargez des fichiers de polices personnalisées à partir de n'importe quel site de catalogue de polices gratuit (par exemple, dafont.com).
2. Trouvez une police qui correspond à votre design et à l'identité de votre marque, cliquez sur télécharger et extrayez le fichier zip téléchargé.

Étape 4 : Télécharger les polices de caractères personnalisées

1. Allez sur la page Paramètres de Nexter et cliquez sur l'icône Paramètres sous l'option Custom Font Upload pour importer vos polices.
2. Choisissez "Simple Font Upload" pour télécharger un seul fichier de police à la fois, ou "Variable Font Upload" pour télécharger plusieurs variantes d'une police (par exemple, gras, italique, etc.).

3. Saisissez le nom de la police, téléchargez le fichier de police à partir du système, sélectionnez la variante, puis cliquez sur Enregistrer la police.

Étape 5 : Utilisation de polices personnalisées sur le site Web d'Elementor

1. Ouvrez le constructeur de pages Elementor et accédez à la page que vous êtes en train d'éditer.
2. Naviguez jusqu'àtype > typographiquesélectionnez les polices personnalisées téléchargées.
3. Personnalisez les paramètres des polices, y compris la taille, l'espacement, le style, la hauteur des lettres, etc., pour qu'elles soient cohérentes avec la conception de votre site web.

Résumé :

Cet article détaille la facilité avec laquelle il est possible d'intégrer et d'appliquer des polices personnalisées grâce au guide étape par étape fourni dans cet article, que vous utilisiez Elementor Pro ou la version gratuite. Les utilisateurs de la version Pro peuvent utiliser la fonction intégrée de polices personnalisées, tandis que les utilisateurs de la version gratuite peuvent obtenir le même effet avec le thème Nexter. Grâce à ces méthodes, il est possible de créer des styles de polices uniques pour votre site web, en accord avec le design et l'image de marque.

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.