Цветной и черно-белый шрифт эмодзи SVG-OpenType / SVGinOT, созданный на основе графического изображения Twitter Emoji для всех с поддержкой ZWJ, разнообразия оттенков кожи и флагов стран.
Шрифт работает во всех операционных системах, но в настоящее время цветные смайлы отображаются только в Firefox, Thunderbird и Photoshop CC 2017+. Это ограничение не шрифта, а операционных систем и приложений. Почему это не работает в Chrome? Обычные черно-белые смайлы с контуром включены для обратной/резервной совместимости.
Демо в Firefox в Linux.
SVG в открытом типе — это стандарт Adobe и Mozilla для цветных шрифтов OpenType и Open Font Format. Он позволяет создателям шрифтов встраивать полные файлы SVG в шрифт, обеспечивая полноцветную и даже анимацию. Более подробную информацию можно найти в предложении SVGinOT и спецификациях таблиц SVG OpenType.
Демонстрации шрифтов SVGinOT (только Firefox):
Шрифт может быть установлен для пользователя или для всей системы. Загрузите последнюю версию из выпусков: https://github.com/13rac1/twemoji-color-font/releases.
Примечание. Для этого требуется, чтобы Bitstream Vera
была установлена и изменит шрифты с засечками, без засечек и моноширинные шрифты по умолчанию в вашей системе.
Шрифт с засечками, без засечек и моноширинный шрифт по умолчанию для большинства дистрибутивов Linux — DejaVu
. DejaVu
включает в себя широкий спектр символов, которые заменяют символы Twitter Color Emoji
. Предыдущее решение заключалось в том, чтобы сделать Twitter Color Emoji
системным шрифтом по умолчанию, но это вызывало ряд проблем. Лучшее решение — другой шрифт, который не переопределяет символы эмодзи, например Bitstream Vera
. Bitstream Vera
является источником глифов, используемых в DejaVu
, поэтому он не сильно отличается. 99%+ людей не заметят разницы.
Семейства шрифтов Noto
и Roboto
конфликтуют гораздо меньше, чем DejaVu
. Возможно, вы захотите их попробовать. Основные проблемы — символы 0x2639 и 0x263a.
about:config
установите для gfx.font_rendering.fontconfig.fontlist.enabled
значение false
. Примечание. Может вызвать сбои в Firefox <48.Установить для текущего пользователя без рута:
# 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 для Launchpad: 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
Доступен в AUR в виде пакета ttf-twemoji-color
.
Репозиторий 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
Обе версии SVGinOT доступны в выпусках: https://github.com/13rac1/twemoji-color-font/releases.
TwitterColorEmoji-SVGinOT-15.1.0.zip
— обычная версия шрифта устанавливается как любой другой шрифт и может быть выбрана отдельно, но MacOS по умолчанию использует шрифт Apple Color Emoji
для смайлов.TwitterColorEmoji-SVGinOT-MacOS-15.1.0.zip
— хак для замены шрифта Apple Color Emoji
с использованием того же внутреннего имени. Установите и примите предупреждение в Font Book.Доступен пакет Homebrew.
# 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
Повторяю: на данный момент только FireFox поддерживает цветные смайлы SVGinOT. Safari и Chrome будут использовать резервные черно-белые смайлы.
Существует два стандартных варианта установки Windows. Обе версии SVGinOT доступны в выпусках: https://github.com/13rac1/twemoji-color-font/releases.
Вы также можете использовать пакет Chocolatey для установки и будущих обновлений.
choco install twemoji
Вы также можете использовать Scoop для управления установкой и будущими обновлениями.
# First, add the `nerd-fonts` bucket
scoop bucket add nerd-fonts
# Then you can install the font using Scoop
scoop install twemoji-color-font
Обычная версия шрифта устанавливается так же, как и любой другой шрифт, и ее можно выбрать отдельно, но Windows по умолчанию использует шрифт Segoe UI Emoji
для символов эмодзи. Скачать: https://github.com/13rac1/twemoji-color-font/releases/download/v15.1.0/TwitterColorEmoji-SVGinOT-15.1.0.zip
В Windows 7, 8, 10 используются смайлы как из Segoe UI Symbol, так и из Segoe UI Emoji. Нам нужно заменить оба шрифта, но сохранить существующие символы из символа Segoe UI.
Этот пакет содержит сценарий установки, который сгенерирует оба шрифта (или в Windows 7 — только символ Segoe UI) и установит их для вас. Для запуска сценария установки требуются Python и pip в PATH.
Повторяю: на данный момент только FireFox и Edge (устаревшие версии) поддерживают цветные смайлы SVGinOT. Chrome и Edge (на основе Chromium) будут использовать резервные черно-белые смайлы.
Доступны сценарии удаления для Windows и Linux. Они также включены в файлы релиза.
Обзор:
Требует:
Установка и сборка 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
Оформление и шрифты TTF имеют лицензию CC-BY-4.0. Подробности смотрите на LICENSE.md.