Question Comment fonctionnent ces icônes: 🌍🌎🌏️?


Je peux voir ces caractères comme des 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):

image description

Je peux même les voir dans les titres Firebug et Onglet:

image description

image description

image description

Et il y a le dossier complet d'eux. Je l'ai aussi fait animation document.title avec eux, ce qui prouve qu'ils fonctionnent même en dehors de HTML.

Qu'est-ce que c'est?


120
2018-02-01 00:28


origine


Les commentaires ne sont pas destinés à une discussion approfondie; cette conversation a été déplacé pour discuter. - Journeyman Geek♦
J'utilise Opera et je ne les vois certainement pas comme vous l'avez montré dans l'image "ça ressemble à ça". Donc, je suis tenté d’éditer cela hors de votre question, mais ce ne serait pas très important ... - Stephan Bijzitter
@StephanBijzitter: Le fait que vous et d'autres ne voyez pas les icônes de cette façon est Pourquoi l'image est importante. Ne le retirez pas - user2357112
youtube.com/watch?v=tITwM5GDIAI - J. Hougaard
Mot clé: OpenType-SVG (stateofwebtype.com/#OpenType-SVG, color.typekit.com) - Prinzhorn


Réponses:


Ces caractères sont des émoticônes reconnus par les normes Unicode qui définissent ce que chaque personnage présente.

Leur recherche exacte est différente pour chaque système d'exploitation et chaque application, mais tous représentent la même chose.

Le globe () est un caractère Unicode 1F30F et est appelé  TERRE GLOBE ASIE-AUSTRALIE. le 2ème () est appelé  BLANC HEAVY CHECK MARK et est Unicode 2705.

De cette manière, il y a des milliers d'emojis, certains que chaque application prend en charge et d'autres avec moins de support. Voir la liste complète ici http://www.fileformat.info/info/emoji/browsertest.htm


144
2018-02-01 01:04



Leur recherche exacte dépend de la police que vous utilisez, car la police est ce qui définit l'apparence d'un caractère et les émoticônes ne sont que des caractères. - totymedli
En fait, le second est (comme vous l'avez dit) BLANC HEAVY CHECK MARK combiné avec SÉLECTEUR DE VARIATION-16. Ied copié à partir de la question ressemble à une coche blanche dans une boîte verte, copié à partir de votre réponse ressemble à une coche blanche avec une bordure noire, et quand je colle le sélecteur de variation après votre coche blanche avec une bordure noire, coche blanche dans une boîte verte. Capture d'écran de ce commentaire pour plus de clarté - Stijn
Ils pourraient ne pas avoir remarqué en raison de la mauvaise prise en charge des polices. Sur mon navigateur, le fond vert ne s'affiche pas. - user2357112
@Stijn, pour moi, dans Chrome, les deux sont la coche verte i.imgur.com/Cv5RTFM.png - Yisroel Tech
Cela ne répond pas à la question, qui concerne Comment il est rendu dans Firefox, pas Pourquoi les emoji sont là. - oldmud0


Firefox utilise un police spéciale pour ces caractères emoji. Il utilise une fonctionnalité relativement nouvelle et rarement utilisée des polices TrueType: les glyphes de couleur en couches. En dehors de cela (à savoir, avoir une police spéciale avec des glyphes pré-colorés), ces icônes sont des caractères Unicode ordinaires.

Windows a un support natif pour ces polices colorées uniquement dans les versions 8.1 et suivantesAinsi, Firefox installe EmojiOne en privé et utilise son propre moteur de rendu de polices dans Windows 7. Cela explique également l’absence d’icônes emoji colorées dans la plupart des autres applications.


72
2018-02-01 11:41



S'il existe un support natif des glyphes de couleur en couches dans Win10, pourquoi apparaissent-ils toujours en monochrome, par exemple dans Edge? - Bas
@Bas, comme on peut le voir via les outils de développement Edge, Segoe UI Emoji n'est pas sélectionné pour afficher cette page (les autres polices monochromes le font). L'insertion de la police dans l'attribut font-family fait l'affaire: i.imgur.com/IXiNC86.png - aitap
Le support des emoji @Bas Colored est dans les derniers aperçus Edge et sera dans la prochaine version publique. - Josiah Keller
Curieusement, Firefox sur ma boîte Ubuntu 16.10 affiche des glyphes en noir et blanc (j'ai ensuite démarré dans Win10 et confirmé qu'ils étaient bien colorés) - Luke
@Luke Ubuntu a prévu un support des glyphes couleur pour Unity 8. - Jop V.


En bref: Firefox utilise un Police de caractère dans lequel ces symboles ont l'air comme ils le font.

Ces caractères font partie du standard Unicode.

Unicode est un standard de l'industrie informatique pour le codage, la représentation et la gestion cohérents du texte exprimé 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 Unicode Standard, 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. Maintenant que l'on a normalisé le code qui doit représenter quel alphabet ou symbole, Unicode ne spécifie pas exactement à quoi doit ressembler le symbole. Ainsi, tous les systèmes d'exploitation ont leurs propres ensembles de graphiques de symboles pour avoir une apparence différente. Cela peut inclure des couleurs et des contours ou du noir et blanc.

En outre, il est également possible que les polices aient leur propre ensemble d’œuvres pour ces symboles, afin que les caractères puissent correspondre à la sensation de l’application. Même à l'intérieur de l'application, vous pouvez avoir différentes pages utilisant différents jeux d'images. Ainsi, vous pouvez interagir avec le personnage comme vous le feriez autrement, mais cela aurait tout simplement l'air différent.

Vous pouvez voir comment exactement emoji (pour, passez à # 1483) regarde sur différentes plates-formes ici.


25
2018-02-01 05:16



128 000 est un lot des icônes à dessiner. Je ne blâme pas les artistes pour aller avec des icônes en noir et blanc au lieu de la couleur. - Dan
@ Dan, 128 000 est le nombre de caractères, pas de symboles. Celles-ci incluent également des caractères de langue, qui sont énormes pour des langues comme le japonais ou le mandarin. - PulseJet
@Dan, je voulais seulement dire qu'il n'y a pas 128 000 symboles à colorier. Ne pas dire qu'il n'y en a pas beaucoup à colorier, mais cela n'est nulle part près de 128 000. - PulseJet
Ah, je ne voulais pas dire qu'ils devraient tous être colorés, simplement que dessiner que beaucoup de n'importe quoi est suffisant pour ne pas vouloir compliquer (c’est-à-dire la couleur) aucun d’entre eux. Haha. - Dan
@ Personne ne dessine autant de points de code et presque aucune police ne contient de caractères pour tous les points de code Unicode. Le rendu de police sera remplacer glyphes d'une autre police lorsque la police actuelle ne contient pas ces glyphes. Pourquoi n'y a-t-il pas une police contenant tous les glyphes Unicode? - phuclv


Ces caractères "fonctionnent" de la même manière que les autres caractères, tels que a, ø, λ, ଶୁ,  et , travail. Les caractères sont représentés par un numéro abstrait, 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 qu'il a accès aux polices contenant des glyphes pour, ,  et . Les autres applications utiliseront normalement les polices mises à disposition par le serveur X (ou équivalent), donc soyez limité 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 pouvant être composée sur n'importe quel fond.


2
2018-02-06 09:57





C'est différent sur chaque navigateur, mais vous pouvez ajouter une police spécifique à votre site Web, qui se charge emojis. Par exemple:

Ce post sur Graphics Design Existe-t-il des polices Emoji gratuites? pourrait aussi être intéressant. Sans une telle police d'icônes 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 Unicode plus rapidement.


1
2018-02-07 12:42





Ce ne sont que des caractères Unicode, de sorte que tous 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 que d'une seule couleur. Les emojis colorés sont une nouveauté, leur prise en charge varie donc d'une plateforme à l'autre. Diverses techniques ont été inventées pour la coloration comme PNG incorporés, SVG ou masques en couches. Mais tous nécessitent un nouveau moteur de rendu qui n'était pas disponible dans les anciens systèmes d'exploitation.

Depuis la version 50.0, Firefox a intégré son propre moteur de rendu et sa propre police pour prendre en charge les emoji colorés. Vous pouvez le trouver dans le notes de version

Modifié

Ajout d'un jeu 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


0
2018-05-22 13:47