Caractères Arabes Cassés : réparer les lettres séparées, inversées ou en carrés, sans bug sur mobile et sur PC.

Sur WordPress, l’arabe se casse souvent à cause d’un style global (thème / constructeur) qui applique des effets “jolis” sur le latin, mais qui abîment l’arabe. Le plus efficace est de sécuriser la direction, la police et de neutraliser ce qui casse la connexion des lettres. Si tu écris beaucoup d’arabe sur ton site : Écrire en arabe sur WordPress.

Colle ce bloc dans un “HTML personnalisé” (ou l’endroit où ton thème accepte du HTML). Si tu utilises Gutenberg, tu peux aussi l’intégrer dans un bloc HTML. Pour les soucis de collage : lettres séparées copier-coller.

<!-- Arabe stable (WordPress) -->
<span lang="ar" dir="rtl" style="
  font-family: 'Noto Naskh Arabic','Amiri','Scheherazade New',Arial,sans-serif;
  unicode-bidi: isolate;
  direction: rtl;
  letter-spacing: 0 !important;
  word-spacing: normal;
  font-variant-ligatures: normal;
">السلام عليكم</span>

<!-- Si ton thème force un style sur les titres, neutralise uniquement l’arabe -->
<style>
  .arabFix{
    direction: rtl;
    unicode-bidi: isolate;
    letter-spacing: 0 !important;
    font-variant-ligatures: normal;
    font-family: 'Noto Naskh Arabic','Amiri','Scheherazade New',Arial,sans-serif;
  }
</style>
<h2>Exemple : <span class="arabFix" lang="ar" dir="rtl">بِسْمِ الله</span></h2>

Quand tu vois des carrés, c’est rarement “un mystère”. C’est souvent une police qui ne contient pas les glyphes arabes, ou une substitution automatique qui remplace ta police par une autre. La solution la plus sûre est d’utiliser une police connue pour l’arabe, puis de la garder stable sur tout le site.

L’arabe est naturellement en RTL. Si un bloc est traité en LTR, le résultat peut donner une impression d’inversion, surtout quand il y a des chiffres, des parenthèses, des tirets ou des emoji. La correction la plus propre est de donner au bloc arabe lang="ar" et dir="rtl".

Beaucoup de thèmes ajoutent des effets : espacement des lettres, transformations, styles typographiques sur les titres. Sur du texte latin, c’est souvent joli. Sur l’arabe, ça peut casser l’aspect cursif et faire “exploser” le rendu. La meilleure stratégie est simple : laisse le style global pour le français, mais neutralise ces effets sur les morceaux arabes.

Certains PDF ou documents convertis gardent un texte “visuel” (fait pour ressembler) plutôt qu’un texte Unicode propre. Résultat : tu colles quelque chose qui ressemble à de l’arabe, mais qui se comporte mal sur un site. Dans ce cas, la vraie correction est de repartir d’un texte arabe standard.

Sur Canva, le rendu dépend beaucoup de la police et de la façon dont tu modifies le texte. La voie la plus propre est de choisir une police qui gère bien l’arabe, puis de limiter les effets typographiques qui sont conçus pour le latin (certains effets cassent la forme).

Sur Photoshop, le rendu de l’arabe dépend des options de texte. Si tu vois un texte qui s’écrit “de travers” ou qui se comporte mal, le bon réglage est souvent de basculer l’outil de texte sur une prise en charge orientée langues RTL.

Si tu dois passer de Word → Canva → WordPress (ou PDF → Word → site), choisis un seul point de vérité : un texte arabe Unicode propre (pas un texte “dessiné”). Puis tu le colles en gardant lang et direction.

Parce que WordPress n’est pas “le problème” : c’est souvent le thème ou le constructeur qui ajoute des styles typographiques sur les titres, ou une police qui change selon la section. La correction la plus fiable est de protéger l’arabe avec dir="rtl", une police compatible, et d’enlever ce qui perturbe la forme cursive. Si tu veux un guide dédié : texte arabe qui se casse WordPress.

Les carrés apparaissent quand la police utilisée n’a pas les caractères arabes, ou quand le texte vient d’une source instable. La correction est d’utiliser une police qui contient l’arabe et de garder l’encodage propre. Pour éviter les collages qui dérèglent tout : Unicode arabe : problème.

Choisis une police vraiment compatible, limite les effets typographiques qui sont faits pour le latin, et vérifie l’affichage avant export. Un guide complet : arabe sur Canva lettres séparées. Pour les polices : police arabe Canva.

Installe un clavier arabe sur ton appareil : Windows 11, Mac, iPhone, Android. Et si tu veux ajouter les voyelles : taper les harakât.

Si tu veux continuer sans te disperser, voici des sujets proches (maillage interne) qui complètent parfaitement une page sur les caractères arabes cassés.

• 🧩 Écrire en arabe sur WordPress

  Blocs, RTL, affichage stable, éviter les styles qui cassent l’arabe.
  ›
• 🧬 Unicode arabe : problème

  Carrés, remplacement de police, caractères étranges : causes et corrections.
  ›
• 🎨 Canva : lettres séparées

  Police, export, réglages, solutions quand l’arabe se coupe ou se déforme.
  ›
• ⌨️ Clavier arabe

  Installer, copier-coller propre, taper sans casser l’affichage.
  ›

Voici des articles directement liés au même problème (affichage, collage, polices, RTL). Tu peux les ouvrir selon ton cas.

• 🧱 Caractères Arabes Cassés

  La page que tu lis : lettres séparées, carrés, inversion, solutions propres.
  ›
• 🧩 Texte arabe qui se casse WordPress

  Cas WordPress : thèmes, styles, blocs, correction stable.
  ›
• 📎 Lettres arabes séparées copier-coller

  Pourquoi ça arrive et comment coller sans casser.
  ›
• 🧬 Unicode arabe problème

  Carrés, caractères étranges, encodage et polices.
  ›
• 📝 Écrire en arabe sur WordPress

  RTL, Gutenberg, bonnes pratiques pour afficher propre.
  ›
• 🎨 Arabe sur Canva lettres séparées

  Polices, réglages, export, rendu stable.
  ›
• 🔤 Police arabe Canva

  Choisir une police compatible et éviter les surprises.
  ›
• 🔤 Police arabe Word

  Afficher sans carrés et garder une police stable.
  ›
• 🖌️ Photoshop texte inversé

  Direction, réglages et rendu RTL.
  ›
• ⌨️ Clavier arabe copier-coller

  Copier et coller sans casser l’arabe.
  ›
• 💠 Taper les harakât au clavier

  Ajouter les voyelles sans galérer.
  ›