Puedo ver estos personajes como iconos de colores:
🌍🌎🌏✅️
Solo funciona en Firefox para mí. Si no puede ver los caracteres en color, se ve así en mi sistema (probablemente depende de la fuente):
Incluso puedo verlos en los títulos de Firebug y Tab:
Y hay un archivo completo de ellos. También hice esta animación document.title con ellos, lo que demuestra que funcionan incluso fuera de HTML.
¿Que es eso?
Respuestas:
Estos personajes son emojis reconocidos por los estándares Unicode que definen lo que presenta cada personaje.
El aspecto exacto para ellos es diferente para cada sistema operativo y cada aplicación, pero todos representan lo mismo.
El globo (🌏) es un carácter Unicode
1F30Fy se llama GLOBO DE LA TIERRA ASIA-AUSTRALIA . el segundo (✅) se llama WHITE HEAVY CHECK MARK y es Unicode 2705.De esa manera, hay miles de emojis, algunos que admiten todas las aplicaciones y otros con menos soporte. Vea la lista completa aquí http://www.fileformat.info/info/emoji/browsertest.htm
fuente
Firefox está usando una fuente especial para estos caracteres emoji . Emplea una característica relativamente nueva y rara vez utilizada de las fuentes TrueType: glifos de color en capas. Aparte de eso (es decir, tener una fuente especial con glifos pre-coloreados), estos íconos son caracteres Unicode comunes.
Windows tiene soporte nativo para estas fuentes de colores solo en las versiones 8.1 y posteriores , por lo que Firefox instala EmojiOne de forma privada y usa su propio renderizador de fuentes en Windows 7. Esto también explica la ausencia de iconos coloridos de emoji en la mayoría de las otras aplicaciones.
fuente
En resumen : Firefox usa una fuente en la que estos símbolos se ven como lo hacen.
Estos personajes son parte del estándar Unicode.
Por lo tanto, a diferencia de ASCII (que tenía muy pocos), Unicode contiene varios conjuntos de símbolos. Ahora, aunque se ha estandarizado sobre qué código debe representar qué alfabeto o símbolo, Unicode no especifica exactamente cómo debería ser el símbolo. Por lo tanto, todos los sistemas operativos tienen sus propios conjuntos de gráficos de símbolos para verse diferentes. Esto puede incluir algunos de color y otros solo contornos o en blanco y negro.
Además, también es posible que las fuentes tengan su propio conjunto de arte para estos símbolos, de modo que los caracteres puedan ir con la sensación de la aplicación. Incluso dentro de la aplicación, puede tener diferentes páginas con diferentes conjuntos de imágenes. Por lo tanto, puede interactuar con el personaje como lo haría de otra manera, pero se vería diferente.
Puede ver cómo se ven exactamente los emoji (para 🌍🌎🌏, pase al n. ° 1483) en varias plataformas aquí .
fuente
Estos caracteres "trabajo" del mismo modo que otros personajes, tales como
a,ø,λ,ଶୁ,にy晨, trabajo. Los caracteres están representados por un número abstracto, que se utiliza para seleccionar e indexar una fuente disponible para mostrar el carácter.En su sistema, parece que Firefox tiene su propia representación, y tiene acceso a las fuentes que contienen glifos para
🌍,🌎,🌏y✅️. Otras aplicaciones normalmente usarán las fuentes disponibles por el servidor X (o equivalente), por lo que se restringirán a las fuentes que instaló o apuntó a su servidor (por ejemplo, conxset +fpo similar).Las fuentes multicolores son un desarrollo reciente y aún bastante experimental; Tradicionalmente, los glifos de fuente son un solo color que se puede componer en cualquier fondo.
fuente
Es diferente en cada navegador, aunque puede agregar una fuente específica a su sitio web, que se carga en estos emojis . Por ejemplo:
Esta publicación sobre Diseño de gráficos ¿Hay alguna fuente gratuita de Emoji? También podría ser interesante. Sin una fuente de icono tan personalizada, debe tener en cuenta que su sitio web se verá diferente en cada navegador.
Esta es solo una lista destinada a guiar a las personas a emojis y emoticones unicode más rápido.
fuente
Esos son solo caracteres Unicode, por lo que cualquier cuadro de texto que admita Unicode puede mostrarlos sin problemas, siempre que la fuente y los glifos estén disponibles en el sistema. Sin embargo, la apariencia de cada carácter Unicode depende del renderizador y la fuente utilizada para ellos.
Tradicionalmente los caracteres se rellenan solo con un solo color. Los emojis de colores son algo completamente nuevo, por lo tanto, su soporte varía de una plataforma a otra. Se han inventado varias técnicas para colorear como PNG incrustados, SVG o máscaras en capas . Pero todos requieren un nuevo procesador que no estaba disponible en sistemas operativos más antiguos.
Como resultado, desde la versión 50.0, Firefox ha incorporado su propio renderizador y fuente para admitir emoji de colores. Puedes encontrarlo en las notas de la versión
El archivo de fuente se puede encontrar en
%FirefoxInstallDir%\fonts\EmojiOneMozilla.ttffuente