Algunos sitios tienen algunos caracteres Unicode que se muestran en varios colores sin CSS aparente en Chrome V8 y FF: ¿cómo se hace esto?

Consulte, por ejemplo: http://unicode.org/reports/tr18/#Individually_Named_Characters , donde los dos caracteres Unicode 'alienígenas' aparecen en color(es) verde(s), al menos en los últimos Chrome y FireFox.

La misma sección de la página es todo en blanco y negro en MSIE Edge, nada verde extraño allí.

La inspección de CSS/Page no produce ningún sospechoso obvio al responder cómo se logra esto, por lo que si alguien puede dar una pista (o dos) sobre cómo reproducir esto.

Las búsquedas obvias de Google arrojaron zip, nada, zilch, por lo que mi google fu está durmiendo en la alcantarilla o ... de todos modos, no puedo encontrar cómo se hizo esto usando mis métodos habituales.

Respuestas (1)

La representación de emojis UTF es específica de la plataforma/proveedor . No hay CSS u otros trucos involucrados. Diferentes proveedores (Apple, Google, Microsoft, Mozilla, Samsung, etc.) simplemente optaron por proporcionar diferentes íconos para estos caracteres UTF.

En Chrome en una Mac, por ejemplo, los dos personajes alienígenas a los que se vinculó no aparecen en verde. Esto es lo que parecen:

Tenga en cuenta que un motor de renderizado específico podría tener prioridad sobre los emojis del sistema operativo host y mostrar su propio conjunto de iconos. Es muy probable que esto sea lo que experimentó al usar MSIE Edge.

Emojipedia le da una buena idea de cómo se ve cada Emoji para cada proveedor.

Por ejemplo, en muchos sistemas, el carácter Unicode U+2764 HEAVY BLACK HEART (énfasis mío) se muestra en rojo brillante: ❤️