Caractères Unicode et mobiles

**memento80** · 25/03/2017, 18h42

Bonjour,

A propos du développement de mon site web, je rencontre l'interrogation suivante :

Je me suis aperçu qu'il était possible d'afficher des caractères exotiques en Unicode (https://unicode-table.com/fr). Pour tester, j'ai intégré deux exemples de caractères : une étoile (https://unicode-table.com/en/2736/ via le code ✶ ) et une flèche/triangle (https://unicode-table.com/fr/23F7/ via le code ⏷ ).

Ceci marche très bien sur les navigateurs Desktop... mais j'ai été surpris que ce ne soit pas le cas sur navigateurs mobiles (Firefox, Chrome..).
Enfin, ce qui me surprend le plus, c'est que l'étoile en question s'affiche correctement mais la flèche, non (carré noir ou rien en fonction du navigateur).

J'ai bien des solutions de contournement en évitant de passer par ces caractères mais j'aimerais bien comprendre la cause d'un traitement différent de certains caractères spéciaux, principalement sur les navigateurs mobiles.
De plus, l'utilisation de ce genre de caractères est-il contre-indiqué dans le développement web ?

Si vous avez des idées...

Merci d'avance.

**memento80** · 30/03/2017, 11h44

Bonjour,

Je suis un peu étonné que parmi tous les experts du forum, personne n'ait un avis au moins là-dessus :

De plus, l'utilisation de ce genre de caractères est-il contre-indiqué dans le développement web ?

**NoSmoking** · 01/04/2017, 11h07

Bonjour,
je dirais qu'à priori cela ne devrait pas poser de soucis, as tu renseigné un « charset » à ta page ?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<meta charset="UTF-8">

Attention : TOUT doit être en UTF-8 dans ce cas.

**memento80** · 01/04/2017, 14h08

Merci pour ta réponse.

je dirais qu'à priori cela ne devrait pas poser de soucis, as tu renseigné un « charset » à ta page ?

Oui.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<meta charset="UTF-8" http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

Attention : TOUT doit être en UTF-8 dans ce cas.

Mmm... question bête : qu'est ce qui ne pourrait pas être en UTF-8 ?

En tout cas, je n'ai pas de problème d'affichage autre que ce que j'ai mentionné plus haut avec en exemple les caractères ✶ (étoile) et ⏷ (triangle). Et uniquement sur certains navigateurs mobiles.

On m'a conseillé sinon de passer par des images à la place ou des alternatives du genre http://fontawesome.io/icons/
C'est dommage si, de base, des icones existent déjà en Unicode.

**NoSmoking** · 01/04/2017, 18h33

as tu essayé en utilisant les entités comme ▼ ou en saisissant directement dans ta page les symboles ▼ et ✶ ?

**memento80** · 01/04/2017, 19h12

as tu essayé en utilisant les entités comme &#9660 ;

Le caractère n'étant pas le même à ⏷ (ou &#9207 ; ), celui-là marche que je le saisisse &#9660 ; ou &#x25BC

ou en saisissant directement dans ta page les symboles ▼ et ✶

Insérer directement ▼ dans mon code marche aussi. ✶ aussi (mais je n'ai pas de problème avec ce symbole à la base).
Par contre, ⏷(ou ⏷ ou &#9207 ; ) directement dans le code ne fonctionne pas.

Alors je peux très bien remplacer le ⏷ par ▼ mais j'aimerais bien comprendre cette différence de traitement, sur navigateurs mobiles seulement, dans ces caractères (et d'autres pour lesquels je me pose la même question).

**NoSmoking** · 03/04/2017, 14h29

Le caractère n'étant pas le même à ⏷ (ou &#9207 ; )

effectivement j'ai été un peu rapide sur ce coup !

Je viens de voir un peu plus haut

ce n'est pas très orthodoxe

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

Après je ne vois pas trop ce qui pourrait créer ce défaut, codepage sur mobile !?!

**memento80** · 03/04/2017, 18h03

ce n'est pas très orthodoxe

J'ai du reprendre ça d'un "vieux" tutoriel, il y a quelques années. Toujours est-il que j'ai pris en compte ta remarque.

Après je ne vois pas trop ce qui pourrait créer ce défaut, codepage sur mobile !?!

Merci pour l'aide quand même.
Après j'ai encore cherché, j'ai remarqué que le point commun des caractères qui me posait problème faisait parti de la norme 7.0 d'Unicode selon fileinfo.
Est-ce un hasard ? J'en sais rien... Je ne suis pas assez calé sur le sujet.

Je n'ai pas d'autres solutions que de prendre d'autres caractères en attendant ou d'utiliser des alternatives (picto en png..).

**NoSmoking** · 04/04/2017, 14h56

Est-ce un hasard ?

je ne pense pas, il faudrait connaître les mobiles sur lesquels cela ne fonctionne pas.

Une autre alternative est l'utilisation « d'image » SVG si tu as peu de picto à enbarquer.

**memento80** · 10/04/2017, 17h17

je ne pense pas, il faudrait connaître les mobiles sur lesquels cela ne fonctionne pas.

Tablettes et smartphones sous Android sans aucun lien entre eux (différents utilisateurs).

Une autre alternative est l'utilisation « d'image » SVG si tu as peu de picto à enbarquer.

Y en a quelques uns quand même..

En attendant de comprendre (un jour ?) le problème, je pense vérifier l'ensemble des mes caractères impactés et les remplacer par d'autres qui fonctionnent (antérieur à unicode v7) ou des picto si ce n'est pas possible.

J'aime pas ne pas comprendre la raison de cela.