¿Cómo visualizo los últimos caracteres Unicode (especialmente emoji) en los navegadores de Windows?

28

Ninguno de mis navegadores (Firefox, Chrome, IE) muestra caracteres para emojis Unicode 7 , 8 , 9 (o 10 ):

Unicode 9 se muestran como cuadros simples

A menudo me los envían personas por teléfono. Se admiten 6 caracteres Unicode, pero son difíciles de leer / diferenciar:

Se muestran los emojis Unicode 6

¿Cómo agrego soporte para estos caracteres a un sistema Windows 7? ¿Hay alguna manera de mostrarlos como lo hace Android, para que sean más fáciles de leer?

Personajes de prueba:

  • Unicode 6.1: 😀😗😙😑😮😯😴😛😕😟
  • Unicode 7.0: 🙂🙁🕵🗣🕴🖕🖖🖐
  • Unicode 8.0: 🤗🤓🤔🙄🤐🙃🤑🤒🤕🤖
  • Unicode 9.0: 🤣🤠🤡🤥🤤🤢🤧🤴🤶🤵🤷
  • Unicode 10.0: 🤩🤨🤯🤪🤬🤮🤫🤭🧐🧒
windows-7 google-chrome firefox fonts unicode endolito
fuente
1
Necesitará una fuente que tenga estos caracteres. Cada carácter tiene un número (punto de código), el número se busca en una fuente y se muestra.
ctrl-alt-delor
@richard ¿Conoces alguno? Una extensión del navegador que los reemplace con imágenes también funcionaría.
endolito
¿Qué tipo de sitios web utilizan emojies Unicode? Pensé que la mayoría de los foros usan imágenes con algún lenguaje de marcado.
jiggunjer
@jiggunjer Google Voice / cualquier sitio social en el que las personas puedan publicar comentarios desde sus iPhones. Algunos sitios los reemplazan con gráficos, como Gmail, pero otros no.
endolito
Debe averiguar cómo instalar una fuente alternativa para su sistema operativo / sistema de ventanas / navegador. Y luego instale una fuente que admita estos caracteres. (Una fuente
alternativa

Respuestas:

13

Encontré la fuente Emoji One , que admite todos los emojis hasta la versión actual de Unicode, incluidos los emojis de color (incrustando SVG o algo así).

Si se especifica la fuente, Firefox admite los emojis de colores bien:

usando la fuente con la etiqueta span

y Chrome e IE admiten sus retrocesos monocromos:

Chrome con emoji monocromo con etiqueta span

pero simplemente instalar la EmojiOneColor-SVGinOT.ttffuente en Windows no es lo suficientemente bueno como para deshacerse de las cajas, aparentemente porque se prefieren otras fuentes .

Soluciones parciales:

Cromo

Instalando la extensión de Teclado Emoji (2016) y habilitando "Reemplazar automáticamente" en las opciones (que está activada de forma predeterminada):

Reemplazo automático: reemplaza todos los emoji en Chrome por Emoji One

produce emoji de color en Chrome hasta Unicode 9. (La versión Unicode compatible se indica en la página de versiones de eosrei / emojione-color-font ):

Emoji de color en Chrome

El reemplazo automático funciona en todos los sitios, pero no en cuadros de texto editables.

Firefox

Firefox muestra los caracteres con Arial independientemente de lo que haya instalado, lo que puede ver instalando la extensión FontFinder .

Un script de Greasemonkey agregará la fuente a la etiqueta del cuerpo de todas las páginas, pero esto no soluciona el problema en varias que probé. Funciona en algunos, como superuser.com.

Cambiar la fuente predeterminada del navegador a Emoji One parece funcionar en la mayoría de los casos, pero puede tener efectos secundarios. (Por ejemplo, esto también reemplaza el signo ™, que la extensión de Chrome no hace).

La extensión Emoji Everywhere funciona, pero parece ralentizar la carga de la página en comparación con la fuente, y solo es compatible con Unicode 6.1.

endolito
fuente
1
Deberá configurar la fuente emoji como fuente alternativa. Entonces se usa si todo lo demás falla. No sé cómo o si puedes hacer esto en Windows de Microsoft.
ctrl-alt-delor
2
Ahora hay un instalador de Windows para la fuente EmojiOne Color v1.3 + que se fusiona con las fuentes existentes para que todos los caracteres funcionen.
13rac1
1
Esto hace que los símbolos de hasta Unicode 9.0 estén bien, pero ¿hay alguna manera de mostrar también los símbolos Unicode 10.0 propuestos? Por ejemplo: March
Victor Marchuk
En caso de que cualquier otro usuario esté confundido, como yo, los emojis en la respuesta anterior son todas imágenes: S
user13743
¿Parece que se agregaron emoji nativos en Firefox 50?
endolito
1

Gracias, endolito, estaba buscando esta información. Realmente creaste un buen resumen sobre el problema con Windows / Firefox y Unicode Emojis en versiones superiores a la 6.0. 👍

También estaba buscando la posibilidad de actualizar Firefox en Windows 7 para mostrar nuevos Emojis.

Aunque probó con la extensión Font Finder para descubrir que FF usa la fuente Arial para mostrar los Emojis, el sitio de GitHub afirma que Windows 7, 8 y 10 están usando Segoe UI para los Emojis.

Solo modifican Segoe UI Symbol y Segoe UI Emoji con su nuevo script para instalar emojis Unicode V9, no la fuente Arial.

Windows 7, 8, 10 usan emoji de Segoe UI Symbol y Segoe UI Emoji. Necesitamos reemplazar ambas fuentes, pero mantener los caracteres de símbolo existentes de Segoe UI Symbol.

Probaré su script ahora, aunque necesita software adicional para funcionar.

Este paquete contiene un script de instalación que generará ambas fuentes (o en Windows 7, solo Segoe UI Symbol) y las instalará por usted. La ejecución del script de instalación requiere Python y pip en la RUTA.

Referencia de GitHub: https://github.com/eosrei/emojione-color-font

Flexxo
fuente