La typographie est la partie d’une conversion que l’on remarque en premier quand elle tourne mal. Voici exactement ce qui est repris, et le seul réglage qui détermine si votre page convertie hérite des polices de votre thème ou conserve celles d’origine.
Ce qui est lu dans la source
Pour chaque titre, paragraphe, bouton et liste, les valeurs calculées sont relevées : famille de police, taille de police, graisse, transformation du texte, style de police, décoration du texte, hauteur de ligne et espacement des lettres. Elles sont écrites dans le groupe Typographie propre au widget, de sorte que chacune reste modifiable dans Elementor au lieu d’être figée dans une feuille de style.
Les tailles sont relevées par point de rupture. Cela compte pour la typographie fluide — un titre écrit sous forme d’expression clamp() n’a pas d’équivalent direct dans Elementor ; trois valeurs échantillonnées sont donc stockées (ordinateur, tablette, mobile), ce qui suit la courbe d’assez près pour la plupart des designs.
L’option Polices : d’origine ou du site
Dans le panneau d’options, vous choisissez comment les polices sont traitées :
- Conserver les polices et tailles HTML — chaque widget reçoit des réglages de police explicites copiés de la source. La page a le même aspect que le HTML d’origine, indépendamment de votre thème.
- Hériter des polices globales du site cible — la typographie par widget est ignorée et ce sont les Polices globales d’Elementor qui sont référencées à la place. Les titres prennent la police de titre de votre site, le texte courant prend votre police de corps.
Utilisez la seconde lorsque vous intégrez une section dans un site existant avec sa propre charte et que vous voulez qu’elle s’y accorde automatiquement. Utilisez la première lorsque vous reproduisez fidèlement un design.
Les polices web ne suivent pas
C’est la surprise la plus fréquente. Un nom de famille de police n’est qu’une chaîne de caractères — si la page source chargeait une police depuis une feuille de style externe, cette feuille de style n’est pas reprise dans WordPress. Le widget indiquera le bon nom de famille, mais le navigateur se rabat sur une police système, sauf si la police est disponible sur votre site.
Deux façons d’y remédier : enregistrer la police dans Elementor (Paramètres du site, Polices personnalisées) ou utiliser un thème qui la charge déjà. Faites-le avant de juger le résultat converti, sinon vous examinerez un rendu de repli et chercherez un problème qui n’existe pas.
Niveaux de titre
Les balises de titre sont conservées par défaut : un <h2> devient un widget Titre réglé sur H2. Il existe aussi un mode sémantique qui renumérote les niveaux du document — utile lorsque vous importez une page autonome dont le titre principal était un H1 dans une page qui en a déjà un. Deux H1 sur une même page sont un mauvais signal SEO, à éviter.
La liste complète — huit propriétés, et rien d’autre
Être précis ici est plus utile que de rester vague, car cela vous dit exactement à quoi vous attendre et quoi refaire. La typographie d’un widget reçoit : famille de police, taille de police, graisse, transformation du texte, style de police, décoration du texte, hauteur de ligne et espacement des lettres.
Tout le reste du modèle de texte CSS ne fait pas partie du groupe Typographie d’Elementor et n’est pas transféré — ombre du texte, espacement des mots, gestion des espaces blancs, césure, font-variant, text-indent. Si votre design s’appuie sur l’un d’eux, considérez-le comme un travail manuel plutôt que comme un échec de conversion.
Les noms de familles de police perdent aussi leurs guillemets au passage, de sorte que "Helvetica Neue", sans-serif arrive sous une forme que le contrôle d’Elementor accepte, plutôt que comme une chaîne entre guillemets qu’il traiterait comme un seul nom de famille étrange.
Seules les valeurs différentes de la valeur par défaut sont écrites
Quatre de ces huit propriétés sont ignorées lorsqu’elles ont leur valeur par défaut : la graisse 400, la transformation none, le style normal et la décoration none sont toutes laissées non définies plutôt qu’écrites explicitement.
Le résultat est un panneau de typographie réellement lisible. Ouvrez un paragraphe converti et vous voyez la famille de police, la taille et la hauteur de ligne — les trois choses qui ont été décidées — au lieu de huit champs dont cinq indiquent « normal ». Quand quelque chose est défini, c’est intentionnel.
Cela signifie aussi qu’un widget hérite vraiment là où il le doit. Un paragraphe sans graisse explicite continue d’hériter de la graisse définie dans vos réglages globaux Elementor au lieu d’être bloqué à 400 pour toujours, ce qui compte le jour où vous passez à une police de corps dont la graisse normale est 350.
La typographie du site n’écrit rien du tout
Cela mérite d’être précisé, car « utiliser la typographie du site » donne l’impression que des valeurs pourraient être transposées. Ce n’est pas le cas. Dans ce mode, l’étape de typographie s’arrête immédiatement et aucun réglage de police n’est écrit dans le widget — le widget est lié à vos Polices globales et en hérite entièrement.
C’est pourquoi une section convertie en mode site s’adapte complètement au site de destination, et pourquoi la même section convertie en mode d’origine ne bouge pas quand vous changez vos polices globales. Aucun des deux n’est meilleur ; ils répondent à des questions différentes. Pour « accorder ceci à mon site », choisissez le premier. Pour « reproduire ce design à l’identique », le second.
Ce qu’il faut quand même vérifier
- Les titres longs au point de rupture mobile — une typographie fluide approximative peut couper une ligne de façon maladroite.
- L’espacement des lettres sur les textes d’affichage en majuscules ; de petites différences sont très visibles.
- La hauteur de ligne sur le texte courant de plusieurs lignes, surtout si la source utilisait une valeur sans unité.
- Si vous voulez vraiment une typographie par widget — passer à la typographie du site rend souvent la maintenance à long terme bien plus simple.
- Tout ce qui repose sur l’ombre du texte, l’espacement des mots ou le retrait de texte — ces propriétés ne font pas partie des huit et doivent être réappliquées.