Comment manip ces icônes:?
Je peux voir ces caractères sous forme d'icônes colorées:
????????????✅️
Cela ne fonctionne que dans Firefox pour moi. Si vous ne pouvez pas voir les caractères en couleur, cela ressemble à ceci sur mon système (cela dépend probablement de la police de caractères):
Je peux même les voir dans les titres de firebug et d'onglets:
Et il y a un fichier complet d'entre eux. J'ai aussi fait avec document.title animation avec eux, ce qui montre qu'ils fonctionnent même en dehors du HTML.
Qu'est-ce que c'est?
Ces caractères sont des émoticônes reconnus par les normes Unicode qui définissent ce que chaque caractère présente.
Leur aspect exact est différent pour chaque système d'exploitation et chaque application, mais ils représentent tous la même chose.
Le globe (????) est un caractère Unicode 1F30F et s'appelle appelé - GLOBE TERRE ASIA-AUSTRALIA . le second (✅) s'appelle appelé - WHITE HEAVY CHECK MARK et correspond à Unicode 2705.
De cette manière, il y a des milliers d'émoticônes, certaines que chaque application prend en charge et d'autres moins. Voir la liste complète ici http://www.fileformat.info/info/emoji/browsertest.htm
Firefox utilise une police spéciale pour ces caractères emoji . Il utilise une fonctionnalité relativement nouvelle et rarement utilisée des polices TrueType: les glyphes de couleurs superposés. Autre que cela (c'est-à-dire ayant une police spéciale avec des glyphes pré-colorés), ces icônes sont des caractères Unicode ordinaires.
Windows prend en charge ces polices colorées de manière native uniquement dans les versions 8.1 et suivantes , donc Firefox installe EmojiOne en privé et utilise son propre générateur de polices dans Windows 7. Ceci explique également l'absence d'icônes colorées emoji dans la plupart des autres applications.
En bref : Firefox utilise une police dans laquelle ces symboles ont exactement la même apparence.
Ces caractères font partie de la norme Unicode.
Unicode est une norme de l'industrie informatique pour le codage, la représentation et le traitement cohérents de texte exprimés dans la plupart des systèmes d'écriture du monde. Développée conjointement avec la norme UCS (Universal Coded Character Set) et publiée sous le nom de norme Unicode, la dernière version d'Unicode contient un répertoire de plus de 128 000 caractères couvrant 135 scripts modernes et historiques, ainsi que plusieurs jeux de symboles. -Wikipédia
Ainsi, contrairement à ASCII (qui en avait très peu), Unicode contient plusieurs jeux de symboles. Bien qu’il ait été normalisé sur le code devant représenter quel alphabet ou quel symbole, Unicode ne spécifie pas exactement à quoi le symbole doit ressembler. Ainsi, tous les systèmes d'exploitation ont leurs propres ensembles de symboles graphiques pour donner un aspect différent. Cela peut inclure certaines couleurs, d'autres des contours ou du noir et blanc.
En outre, il est également possible que les polices possèdent leur propre jeu d’illustrations pour ces symboles, de sorte que les caractères puissent correspondre à la convivialité de l’application. Même à l'intérieur de l'application, vous pouvez avoir différentes pages utilisant différents ensembles d'images. Ainsi, vous pouvez interagir avec le personnage comme vous le feriez autrement, mais le résultat serait différent.
Vous pouvez voir à quoi ressemble exactement emoji (pour ???????????, passez au # 1483) sur différentes plateformes ici .
Ces caractères "fonctionnent" de la même manière que les autres caractères, tels que a, ø, λ, ଶୁ, に et 晨, fonctionnent. Les caractères sont représentés par un nombre abstrait, qui est utilisé pour sélectionner et indexer une police disponible pour afficher le caractère.
Sur votre système, il apparaît que Firefox effectue son propre rendu et a accès aux polices contenant des glyphes pour????, ????, ???? et ✅️. Les autres applications utiliseront normalement les polices mises à disposition par le serveur X (ou l’équivalent). Limitez-vous donc aux polices que vous avez installées ou dirigées vers votre serveur (par exemple, avec xset +fp ou similaire).
Les polices multicolores sont un développement récent et encore assez expérimental; Traditionnellement, les glyphes de police sont une couleur unique qui peut être composée sur n’importe quel fond.
C'est différent sur chaque navigateur, bien que vous puissiez ajouter une police spécifique à votre site Web, qui se charge dans ces emojis . Par exemple:
Cet article sur Graphics Design Existe-t-il des polices Emoji gratuites? pourrait aussi être intéressant. Sans cette police d'icône personnalisée, vous devez garder à l'esprit que votre site Web sera différent dans chaque navigateur.
Ceci est juste une liste destinée à guider les gens vers les émoticônes et les smileys unicodes plus rapidement.
Ce ne sont que des caractères Unicode, de sorte que toutes les zones de texte prenant en charge Unicode peuvent les afficher sans problème, à condition que la police et les glyphes soient disponibles sur le système. Cependant, l'apparence de chaque caractère Unicode dépend du rendu et de la police utilisés.
Traditionnellement, les caractères ne sont remplis qu’avec une seule couleur. Les emojis colorés sont une nouveauté. Leur support varie donc d’une plateforme à l’autre. Diverses techniques ont été inventées pour colorer like des PNG, SVG ou des masques superposés . Mais tous nécessitent un nouveau rendu qui n'était pas disponible dans les anciens systèmes d'exploitation.
En conséquence, depuis la version 50.0, Firefox a intégré son propre moteur de rendu et sa propre police pour la prise en charge des emoji colorés. Vous pouvez le trouver dans le notes de publication
Modifié
Ajout d'un ensemble Emoji intégré pour les systèmes d'exploitation sans polices Emoji natives (Windows 8.0 et versions antérieures et Linux)
Le fichier de police peut être trouvé dans %FirefoxInstallDir%\fonts\EmojiOneMozilla.ttf