Les codes d'encodage du caractère spĂ©cial « 🗷 » ou « carrĂ© blanc avec une croix scripte grasse ».

🗷 Le caractère spĂ©cial « 🗷 » reprĂ©sente : « carrĂ© blanc avec une croix scripte grasse ».
Vous trouverez ci-dessous, la liste des codes d'encodage du caractère spĂ©cial « 🗷 » ou « carrĂ© blanc avec une croix scripte grasse » utilisables pour l'Ă©criture de texte en Javascript, CSS ou HTML, mais aussi pour l'insertion dans une Url.
Le caractère spĂ©cial « 🗷 » ou « carrĂ© blanc avec une croix scripte grasse » correspond au code « U+1F5F7 » et fait partie des caractères spĂ©ciaux de ma « Caractères Formulaire ».

Codes encodages du caractère spĂ©cial 🗷 ou carrĂ© blanc avec une croix scripte grasse
Caractère (UTF-8 | ISO-8859-1) đź—· | ?
Signification du caractère carrĂ© blanc avec une croix scripte grasse
Encodage en Css() \01F5F7 |
Encodage en Javascript \ud83d\uddf7 |
Encodage Html Entité HĂ©xadĂ©cimal 🗷 | 🗷
Encodage Html Entité DĂ©cimal 🗷 | 🗷
Code ou entité Html aucun
Encodage pour l'Url UTF-8 %F0%9F%97%B7 |
Code Unicode U+1F5F7
Arial, Helvetica, sans-serif đź—·
Times New Roman, Times, serif đź—·
Courier New, Courier, monospace đź—·
Comic Sans MS, cursive đź—·
Comment interpréter ce tableau?

Il faut savoir que l'aspect , l'aspect graphique du caractère spĂ©cial « 🗷 » ou « carrĂ© blanc avec une croix scripte grasse » est variable suivant la fonte utilisĂ©e, que les polices ne possèdent pas forcĂ©ment l'ensemble des caractère Unicode. Dans le cas oĂą le caractère n'est pas trouvĂ© dans la police spĂ©cifiĂ©e, le navigateur essaye de trouver une Ă©quivalence.

Vous devez utiliser le bon code caractère « 🗷 » ou « carrĂ© blanc avec une croix scripte grasse » sinon, vous risquez d'avoir des caractères mal affichĂ©s en Css, Html ou Javascript comme peut le monter le caractère encodĂ© en ISO-8859-1.

Convertisseur

caractère UTF-8 : đź—·
code html entité : aucun
code html dĂ©c. : 🗷
code html uni. : 🗷
code css : \01F5F7
code Js : \ud83d\uddf7
 Résultat généré via html Bon encodage : 🗷
đź—· = đź—·
🗷 = 🗷
🗷 = 🗷
Mauvais encodage : ? Résultat généré via Résultat généré via Code Css pour ajouter du texte .identifiant{
   : "\01F5F7";
}
.identifiant{
   : "\01F5F7";
}

Comment lire le tableau des encodages de caractères spĂ©ciaux.

Le ou représentation graphique du caractère spĂ©cial « 🗷 » ou « carrĂ© blanc avec une croix scripte grasse » affichĂ© après le pipe " | " doit ĂŞtre correctement affichĂ©, sinon c'est qu'il y a une erreur d'interprĂ©tation du code d'encodage du caractère situĂ© avant le " | ".
A l'exception du caractère en ISO-8859-1 qui est lĂ  pour nous monter le problème d'encodage.
Pour l'encodage de Html EntitĂ© nommé s'il n'y a rien, c'est qu'il n'existe pas de code nommĂ©.
Pour l'encodage pour Css : le glyphe ou caractère graphique après le pipe est affichĂ© via une css externe encodĂ©e en iso-8859-1 .
Pour l'encodage pour Javascript : le glyphe ou caractère graphique est affichĂ© via un js externe encodĂ© en iso-8859-1 .
Pour l'encodage pour l'Url : le glyphe ou caractère graphique est affichĂ© via un js externe encodĂ© en iso-8859-1 et est dĂ©codĂ© avec la mĂ©thode js decodeURIComponent().
Pour l'encodage pour le Html EntitĂ© DĂ©cimal, HĂ©xadĂ©cimal et Nommé : c'est le code qui est directement mis dans la page HTML.
La page est encodée en UTF-8.

Les correspondances des encodages de caractères spĂ©ciaux.

Tableau de correspondances d'encodage avec les principaux caractères spĂ©ciaux de ma « Caractères Formulaire ».
Afficher seulement les caractères.

Tableau de codes d'encodage de caractères spĂ©ciaux ou accentuĂ©s unicode sur le thème "Caractère Unicode de type formulaire "
Car. Desc. Css Js Html Hex. Html Dec. Html Nom Url
✓caractère petite coche gras\002713 | \u2713 | ✓ | ✓✓ | ✓%E2%9C%93 |
🗸caractère petite coche\01F5F8 | \ud83d\uddf8 | 🗸 | 🗸🗸 | 🗸%F0%9F%97%B8 |
✔caractère coche en gras\002714 | \u2714 | ✔ | ✔✔ | ✔%E2%9C%94 |
✅caractère coche, forme vide\002705 | \u2705 | ✅ | ✅✅ | ✅%E2%9C%85 |
✗caractère croix\002717 | \u2717 | ✗ | ✗✗ | ✗%E2%9C%97 |
🗴caractère petite croix scripte\01F5F4 | \ud83d\uddf4 | 🗴 | 🗴🗴 | 🗴%F0%9F%97%B4 |
🗶caractère petite croix scripte grasse\01F5F6 | \ud83d\uddf6 | 🗶 | 🗶🗶 | 🗶%F0%9F%97%B6 |
✖caractère croix carrĂ©e\002716 | \u2716 | ✖ | ✖✖ | ✖%E2%9C%96 |
❌caractère croix carrĂ©e en gras\00274C | \u274c | ❌ | ❌❌ | ❌%E2%9D%8C |
❎caractère croix carrĂ©e, forme nĂ©gative\00274E | \u274e | ❎ | ❎❎ | ❎%E2%9D%8E |
❖caractère losange noir marquĂ© d'un x\002756 | \u2756 | ❖ | ❖❖ | ❖%E2%9D%96 |
☑caractère carrĂ© blanc avec une coche\002611 | \u2611 | ☑ | ☑☑ | ☑%E2%98%91 |
🗹caractère carrĂ© blanc avec une coche grasse\01F5F9 | \ud83d\uddf9 | 🗹 | 🗹🗹 | 🗹%F0%9F%97%B9 |
☒caractère carrĂ© blanc avec une croix\002612 | \u2612 | ☒ | ☒☒ | ☒%E2%98%92 |
🗵caractère carrĂ© blanc avec une croix scripte\01F5F5 | \ud83d\uddf5 | 🗵 | 🗵🗵 | 🗵%F0%9F%97%B5 |
🗳caractère boĂ®te de scrutin avec vote\01F5F3 | \ud83d\uddf3 | 🗳 | 🗳🗳 | 🗳%F0%9F%97%B3 |
☐caractère carrĂ© blanc sans ombre\002610 | \u2610 | ☐ | ☐☐ | ☐%E2%98%90 |
🔘caractère bouton radio et +\01F518 | \ud83d\udd18 | 🔘 | 🔘🔘 | 🔘%F0%9F%94%98 |
⭕caractère cercle blanc sans ombre\002B55 | \u2b55 | ⭕ | ⭕⭕ | ⭕%E2%AD%95 |
❍caractère cercle blanc ombre Ă  droite et +\00274D | \u274d | ❍ | ❍❍ | ❍%E2%9D%8D |
❏caractère carrĂ© blanc ombre en bas Ă  gauche\00274F | \u274f | ❏ | ❏❏ | ❏%E2%9D%8F |
❐caractère carrĂ© blanc ombre en haut Ă  gauche\002750 | \u2750 | ❐ | ❐❐ | ❐%E2%9D%90 |
❑caractère carrĂ© blanc ombre en bas Ă  droite\002751 | \u2751 | ❑ | ❑❑ | ❑%E2%9D%91 |
❒caractère carrĂ© blanc ombre en haut Ă  droite\002752 | \u2752 | ❒ | ❒❒ | ❒%E2%9D%92 |
❓caractère point d'intĂ©rogation d'ornementation, forme pleine\002753 | \u2753 | ❓ | ❓❓ | ❓%E2%9D%93 |
❔caractère point d'intĂ©rogation d'ornementation, forme vide\002754 | \u2754 | ❔ | ❔❔ | ❔%E2%9D%94 |
❕caractère point d'exclamation d'ornementation, forme vide\002755 | \u2755 | ❕ | ❕❕ | ❕%E2%9D%95 |
❗caractère point d'exclamation d'ornementation, forme pleine\002757 | \u2757 | ❗ | ❗❗ | ❗%E2%9D%97 |
❘caractère barre verticale, lĂ©gère \002758 | \u2758 | ❘ | ❘❘ | ❘%E2%9D%98 |
❙caractère barre verticale, moyenne\002759 | \u2759 | ❙ | ❙❙ | ❙%E2%9D%99 |
❚caractère barre verticale, Ă©paisse\00275A | \u275a | ❚ | ❚❚ | ❚%E2%9D%9A |
✆caractère tĂ©lĂ©phone dans cercle, symbole d'emplacement du tĂ©lĂ©phone et +\002706 | \u2706 | ✆ | ✆✆ | ✆%E2%9C%86 |
℡caractère abrĂ©viation tĂ©lĂ©phone\002121 | \u2121 | ℡ | ℡℡ | ℡%E2%84%A1 |
℻caractère fax\00213B | \u213b | ℻ | ℻℻ | ℻%E2%84%BB |
✂caractère ciseaux noirs\002702 | \u2702 | ✂ | ✂✂ | ✂%E2%9C%82 |
✄caractère ciseaux blancs\002704 | \u2704 | ✄ | ✄✄ | ✄%E2%9C%84 |
✁caractère ciseaux noirs, lame infĂ©rieure invisible\002701 | \u2701 | ✁ | ✁✁ | ✁%E2%9C%81 |
✃caractère ciseaux noirs, lame supĂ©rieure invisible\002703 | \u2703 | ✃ | ✃✃ | ✃%E2%9C%83 |
🖎caractère main gauche qui Ă©crit et +\01F58E | \ud83d\udd8e | 🖎 | 🖎🖎 | 🖎%F0%9F%96%8E |

Processus d'affichage du caractère par le navigateur.

Ce que dit en rĂ©sumĂ© le W3C, c'est que le navigateur avant d'afficher le glyphe, vĂ©rifie ( en simplifiant ) si le caractère est prĂ©sent dans la police spĂ©cifiĂ©e dans propriĂ©tĂ© CSS font-family ou balise HTML font. Si ce n'est pas le cas, ira chercher dans la police suivante d'Ă©clarĂ©e et en dernier recours dans une cinq familles de polices gĂ©nĂ©riques : ' serif ', ' sans-serif ', ' cursive ', ' fantasy ', ' monospace '.

L'image Ă  gauche montre un exemple de ce phĂ©nomène. On demande d'afficher le texte "caractère" avec la police "Quartz". Cette dernière ne possède pas de "e accent grave".

L'image Ă  gauche montre un exemple de police non trouvĂ©e. On demande d'afficher le texte "caractère" avec la police "julee" (1ère ligne), chez vous cela s'affiche bien car vous avez la police sur votre ordinateur. Malheureusement l'internaute ne la possède pas (2ème ligne).

Au dĂ©but pour le dernier recours, je me suis dit que le navigateur recherche le caractère dans l'ensemble des polices disponibles sur l'ordinateur. Mais je m'aperçois que sur le mĂŞme ordinateur et suivant le navigateur, un caractère peut avoir un diffĂ©rent ou mĂŞme ne pas ĂŞtre trouvĂ©. Ce qui me laisse Ă  penser que chaque navigateur a ses propres familles de polices gĂ©nĂ©riques, je n'arrive pas Ă  trouver des informations sur ce fonctionnement.

Le seul moyen d'ĂŞtre sĂ»r que le caractère spĂ©cial s'affiche est d'importer la police qui contient le caractère spĂ©cial sur l'ordinateur de l'internaute (comme on le fait finalement pour une image), via la propriĂ©tĂ© css ou de remplacer le caractère spĂ©cial par une image. Cependant tous les caractères ayant un code "Code ASCII ou entitĂ© Html" seront toujours trouvĂ©s, car ils font partie d'un standard Web assez vieux.