彩色和黑白表情符號 SVG-OpenType / SVGinOT 字體,基於 Twitter Emoji for Every 藝術作品構建,支持 ZWJ、膚色多樣性和國旗。
此字體適用於所有作業系統,但目前僅在 Firefox、Thunderbird 和 Photoshop CC 2017+ 中顯示彩色表情符號。這不是字體的限制,而是作業系統和應用程式的限制。為什麼它在 Chrome 上不起作用?包含常規黑白輪廓表情符號以實現向後/後備相容性。
Linux 上的 Firefox 示範。
Open Type 中的 SVG是 Adobe 和 Mozilla 為彩色 OpenType 和 Open Font Format 字型所製定的標準。它允許字體創建者將完整的 SVG 檔案嵌入到字體中,從而實現全彩甚至動畫。 SVGinOT 提案和 OpenType SVG 表格規格中有更多詳細資訊。
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 中可能會導致崩潰。為目前使用者安裝,無需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
Launchpad PPA: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
字體的 hack。安裝並接受字型簿中的警告。可以使用自製程序包。
# 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 Symbol 中現有的符號字元。
該軟體包包含一個安裝腳本,它將產生兩種字體(或在 Windows 7 中,僅生成 Segoe UI Symbol)並為您安裝它們。執行安裝腳本需要 PATH 中包含 Python 和 pip。
重申:目前只有 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。