Comment utiliser efficacement les unicodes sur des sites multiplates-formes?
J'essayais d'utiliser l'unicode 'AMPOULE ÉLECTRIQUE (U + 1F4A1)' sur mon site. Chaque plate-forme affiche l’unicode différent, même si je spécifie la police Symbola sur la famille de polices sur la balise body (tous les caractères utilisent cette police sauf les unicodes).
Linux: police Symbola
Windows: police Segio UI
Android: emoji
Maintenant, cela peut ne pas sembler être un problème car chaque plate-forme affiche la bonne icône. C'est un problème lorsque vous essayez de changer la couleur, ce que j'attends d'un personnage, ne fonctionne pas avec emoji.
Aussi, les personnages montrant différents sur chaque plate-forme en général est assez ennuyeux.
Comment utiliser efficacement les unicodes, en évitant les différences entre plates-formes?
La seule façon de faire en sorte que les icônes Unicode soient toujours affichées sur les navigateurs consiste à charger le contrôleur Web de l'icône. Par exemple, le caractère unicode de l'ampoule électrique utilise le caractère police Symbola . S'il n'est pas installé sur le périphérique, celui-ci utilisera alors les polices de remplacement des polices répertoriées.
Pour une solution multiplate-forme, vous devez utiliser des icônes de police telles que Font Awesome . Il est également assez facile de créer vos propres icônes de police avec Icomoon . Cela ou vous aurez besoin de charger chaque icone webfont ce qui n’est pas du tout pratique.