Uma fonte SVG-OpenType / SVGinOT emoji colorida e em preto e branco criada a partir da arte do Twitter Emoji for Everyone com suporte para ZWJ, diversidade de tons de pele e bandeiras de países.
A fonte funciona em todos os sistemas operacionais, mas atualmente só mostrará emojis coloridos no Firefox, Thunderbird e Photoshop CC 2017+. Esta não é uma limitação da fonte, mas dos sistemas operacionais e aplicativos. Por que não funciona no Chrome? Emojis regulares de contorno em preto e branco estão incluídos para compatibilidade com versões anteriores/substitutas.
Demonstração no Firefox no Linux.
SVG em Open Type é um padrão da Adobe e Mozilla para fontes coloridas OpenType e Open Font Format. Ele permite que os criadores de fontes incorporem arquivos SVG completos em uma fonte, permitindo cores e até animações. Há mais detalhes na proposta SVGinOT e nas especificações da tabela OpenType SVG.
Demonstrações de fontes SVGinOT (somente Firefox):
A fonte pode ser instalada para um usuário ou para todo o sistema. Obtenha a versão mais recente dos lançamentos: https://github.com/13rac1/twemoji-color-font/releases
Nota: Isso requer que Bitstream Vera
esteja instalado e alterará as fontes serif, sans-serif e monoespaçadas padrão do seu sistema.
A fonte serif, sans-serif e monoespaçada padrão para a maioria das distribuições Linux é DejaVu
. DejaVu
inclui uma ampla variedade de símbolos que substituem os caracteres Twitter Color Emoji
. A solução anterior era tornar Twitter Color Emoji
a fonte padrão do sistema, mas isso causa vários problemas. Uma solução melhor é uma fonte diferente que não substitua nenhum caractere emoji, como Bitstream Vera
. Bitstream Vera
é a fonte dos glifos usados no DejaVu
, então não é muito diferente. Mais de 99% das pessoas não notarão a diferença.
As famílias de fontes Noto
e Roboto
conflitam muito menos que DejaVu
. Você pode querer experimentá-los. Os principais problemas são os caracteres 0x2639 e 0x263a.
about:config
set gfx.font_rendering.fontconfig.fontlist.enabled
para false
. Nota: Pode causar travamentos no Firefox <48.Instale para o usuário atual sem root:
# 1. Download the latest version
wget https://github.com/13rac1/twemoji-color-font/releases/download/v15.1.0/TwitterColorEmoji-SVGinOT-Linux-15.1.0.tar.gz
# 2. Uncompress the file
tar zxf TwitterColorEmoji-SVGinOT-Linux-15.1.0.tar.gz
# 3. Run the installer
cd TwitterColorEmoji-SVGinOT-Linux-15.1.0
./install.sh
PPA da barra de lançamento: https://launchpad.net/~eosrei/+archive/ubuntu/fonts
sudo apt-add-repository ppa:eosrei/fonts
sudo apt-get update
sudo apt-get install fonts-twemoji-svginot
Disponível em AUR como pacote ttf-twemoji-color
.
Repositório Gentoo: https://github.com/jorgicio/jorgicio-gentoo
# Install layman using Portage with USE="git" enabled, the default.
emerge layman
# Add the repo.
layman -a jorgicio
# Install the package.
emerge twemoji-color-font
Ambas as versões SVGinOT estão disponíveis em lançamentos: https://github.com/13rac1/twemoji-color-font/releases
TwitterColorEmoji-SVGinOT-15.1.0.zip
- A versão normal da fonte é instalada como qualquer outra fonte e pode ser selecionada especificamente, mas o MacOS usará como padrão a fonte Apple Color Emoji
para emojis.TwitterColorEmoji-SVGinOT-MacOS-15.1.0.zip
- Um hack para substituir a fonte Apple Color Emoji
usando o mesmo nome interno. Instale e aceite o aviso no Catálogo de Fontes.Um pacote Homebrew está disponível.
# Tap the brew tap homebrew/cask-fonts keg (caskroom/fonts keg were moved into this).
brew tap homebrew/cask-fonts
# Install the font using brew
brew install --cask font-twitter-color-emoji
Reiterando: apenas o FireFox suporta o emoji colorido SVGinOT por enquanto. Safari e Chrome usarão o emoji substituto em preto e branco.
Existem duas opções de instalação padrão para Windows. Ambas as versões SVGinOT estão disponíveis em lançamentos: https://github.com/13rac1/twemoji-color-font/releases
Você também pode usar o pacote Chocolatey para lidar com a instalação e atualizações futuras.
choco install twemoji
Você também pode usar o Scoop para lidar com a instalação e atualizações futuras.
# First, add the `nerd-fonts` bucket
scoop bucket add nerd-fonts
# Then you can install the font using Scoop
scoop install twemoji-color-font
A versão regular da fonte é instalada como qualquer outra fonte e pode ser selecionada especificamente, mas o Windows usará como padrão a fonte Segoe UI Emoji
para caracteres emoji. Baixar: https://github.com/13rac1/twemoji-color-font/releases/download/v15.1.0/TwitterColorEmoji-SVGinOT-15.1.0.zip
O Windows 7, 8, 10 usa emoji do Segoe UI Symbol e do Segoe UI Emoji. Precisamos substituir ambas as fontes, mas manter os caracteres de símbolo existentes do Segoe UI Symbol.
Este pacote contém um script de instalação que irá gerar ambas as fontes (ou no Windows 7, apenas Segoe UI Symbol) e instalá-las para você. A execução do script de instalação requer Python e pip no PATH.
Reiterando: apenas FireFox e Edge (legado) suportam o emoji colorido SVGinOT por enquanto. Chrome e Edge (baseado em Chromium) usarão o emoji substituto em preto e branco.
Existem scripts de desinstalação disponíveis para Windows e Linux. Eles também estão incluídos nos arquivos de lançamento.
Visão geral:
Requer:
Configure e construa no Ubuntu 20.04 LTS:
sudo apt-get update
sudo apt-get install inkscape potrace npm nodejs fontforge
devscripts python3-fontforge python3-pip python3-yaml imagemagick
git make debhelper build-essential
sudo npm install -g svgo
sudo pip3 install fonttools
git clone https://github.com/13rac1/twemoji-color-font.git
cd twemoji-color-font
git clone https://github.com/13rac1/scfbuild.git SCFBuild
make -j 4
A arte e as fontes TTF são licenciadas CC-BY-4.0. Consulte LICENSE.md para obter detalhes.