Como faço para exibir os caracteres Unicode mais recentes (especialmente emoji) nos navegadores Windows?

28

Nenhum dos meus navegadores (Firefox, Chrome, IE) exibe caracteres para emojis Unicode 7 , 8 , 9 (ou 10 ):

Unicode 9 são exibidos como caixas simples

Geralmente, essas pessoas são enviadas para mim por telefone. Os caracteres Unicode 6 são suportados, mas difíceis de ler / diferenciar:

Emojis Unicode 6 são exibidos

Como adiciono suporte a esses caracteres em um sistema Windows 7? Existe uma maneira de exibi-los da mesma forma que o Android, para que sejam mais fáceis de ler?

Caracteres de teste:

  • Unicode 6.1: 😀😗😙😑😮😯😴😛😕😟
  • Unicode 7.0: 🙂🙁🕵🗣🕴🖕🖖🖐
  • Unicode 8.0: 🤗🤓🤔🙄🤐🙃🤑🤒🤕🤖
  • Unicode 9.0: 🤣🤠🤡🤥🤤🤢🤧🤴🤶🤵🤷
  • Unicode 10.0: 🤩🤨🤯🤪🤬🤮🤫🤭🧐🧒
windows-7 google-chrome firefox fonts unicode endólito
fonte
1
Você precisará de uma fonte que tenha esses caracteres. Cada caractere tem um número (ponto de código), o número é procurado em uma fonte e exibido.
Ctrl-alt-delor
@richard Sabe de algum? Uma extensão do navegador que os substitua por imagens também funcionaria.
Endolith
que tipo de site usa emojies unicode? Eu pensei que a maioria dos fóruns usa imagens com alguma linguagem de marcação.
jiggunjer
@jiggunjer Google Voice / qualquer site social no qual as pessoas possam postar comentários em seus iPhones. Alguns sites os substituem por gráficos, como o Gmail, mas outros não.
endolith 28/06
Você precisa descobrir como instalar uma fonte alternativa, para o seu sistema operacional / sistema de janelas / navegador. E instale uma fonte que suporte esses caracteres. (A fonte queda-back é aquele que é usado quando as fontes selecionadas não tem um glifo para o ponto de código.)
ctrl-alt-Delor

Respostas:

13

Encontrei a fonte Emoji One , que suporta todos os emojis até a versão atual Unicode, incluindo emojis coloridos (incorporando SVGs ou algo assim).

Se a fonte for especificada, o Firefox suporta os emojis coloridos bem:

usando a fonte com tag span

e Chrome e IE suportam seus fallbacks monocromáticos:

Chrome com emoji monocromático com tag span

mas apenas instalar a EmojiOneColor-SVGinOT.ttffonte no Windows não é bom o suficiente para se livrar das caixas, aparentemente porque outras fontes são preferidas a ela ?

Soluções alternativas:

cromada

Instalar a extensão Emoji Keyboard (2016) e ativar "Substituição automática" nas opções (que está ativada por padrão):

Substituição automática: substitua todos os emoticons no Chrome por Emoji One

produz emoticons coloridos no Chrome até o Unicode 9. (A versão Unicode suportada é declarada na página Versões eosrei / emojione-color-font Releases ):

Emoji colorido no Chrome

A substituição automática funciona em todos os sites, mas não em caixas de texto editáveis.

Raposa de fogo

O Firefox exibe os caracteres com Arial, independentemente do que você instalou, o que você pode ver instalando a extensão FontFinder .

Um script Greasemonkey adicionará a fonte à tag body de todas as páginas, mas isso não resolve o problema em várias que testei. Funciona em alguns, como superuser.com.

Alterar a fonte padrão do navegador para Emoji One parece funcionar na maioria dos casos, mas pode ter efeitos colaterais. (Por exemplo, isso substitui o sinal ™ também, o que a extensão do Chrome não faz.)

A extensão Emoji Everywhere funciona, mas parece diminuir o carregamento da página em comparação com a fonte e suporta apenas o Unicode 6.1.

endólito
fonte
1
Você precisará definir a fonte emoji como uma fonte alternativa. Portanto, é usado se tudo mais falhar. Não sei como ou se você pode fazer isso no Windows da Microsoft.
CTRL-ALT-DELOR
2
Agora existe um instalador do Windows para a fonte EmojiOne Color v1.3 +, que se funde com as fontes existentes para que todos os caracteres funcionem.
13rac1
1
Isso torna os símbolos de até Unicode 9.0 muito bem, mas existe uma maneira de exibir também os símbolos Unicode 10.0 propostos? Por exemplo: 🥟🥡🥢🥠🤨🗹
Victor Marchuk
Caso qualquer outro usuário esteja confuso, como eu - os emojis na resposta acima são todas imagens: S
user13743 2/17/17
Parece que emoji nativo foram adicionados no Firefox 50?
endolith 23/04
1

Obrigado, endólito, eu estava procurando por esta informação. Você realmente criou um bom resumo sobre o problema com o Windows / Firefox e os Emojis Unicode em versões superiores à 6.0. 👍

Eu também estava procurando uma possibilidade de atualizar o Firefox no Windows 7 para mostrar Emojis mais recentes.

Embora você tenha testado com a extensão Font Finder para descobrir que o FF usa a fonte Arial para exibir os Emojis, o site GitHub afirma que o Windows 7, 8 e 10 está usando a interface do usuário Segoe para os Emojis.

Eles modificam apenas o Segoe UI Symbol e o Segoe UI Emoji com seu novo script para instalar emojis Unicode V9, não a fonte Arial.

O Windows 7, 8, 10 usa emoticons do Segoe UI Symbol e do Segoe UI Emoji. Precisamos substituir as duas fontes, mas mantenha os caracteres de símbolo existentes no Segoe UI Symbol.

Vou testar o script agora, embora ele precise de software adicional para funcionar.

Este pacote contém um script de instalação que irá gerar as duas fontes (ou no Windows 7, apenas o Segoe UI Symbol) e instalá-las para você. A execução do script de instalação requer Python e pip no PATH.

Referência do GitHub: https://github.com/eosrei/emojione-color-font

Flexxo
fonte