ホーム>プログラミング関連>その他のソースコード
ダウンロード
twemoji color font

Twitter カラー絵文字 SVGinOT フォント

ZWJ、肌色の多様性、国旗をサポートする Twitter Emoji forEveryone アートワークから構築されたカラーおよび白黒絵文字 SVG-OpenType / SVGinOT フォント。

このフォントはすべてのオペレーティング システムで動作しますが、現時点ではFirefox、Thunderbird、Photoshop CC 2017+ でのみカラー絵文字が表示されます。これはフォントの制限ではなく、オペレーティング システムとアプリケーションの制限です。 Chrome ではなぜ動作しないのでしょうか?通常の白黒アウトライン絵文字は、下位/フォールバック互換性のために含まれています。

目次

  • 例
  • SVGinOTとは何ですか?
  • Linux にインストールする
  • MacOS にインストールする
  • Windows にインストールする
  • アンインストール中
  • 建物
  • ライセンス

例

Linux 上の Firefox でのデモ。 Linux での Firefox のカラー絵文字

SVGinOTとは何ですか?

Open Type の SVG は、 Adobe と Mozilla によるカラー OpenType および Open Font Format フォントの標準です。これにより、フォント作成者はフォント内に完全な SVG ファイルを埋め込むことができ、フルカラーやアニメーションさえも可能になります。詳細については、SVGinOT 提案と OpenType SVG テーブル仕様に記載されています。

SVGinOT フォントのデモ (Firefox のみ):

  • https://hacks.mozilla.org/2014/10/svg-colors-in-opentype-fonts/
  • https://xerographer.github.io/reinebow/
  • https://xerographer.github.io/multicoloure/

Linux にインストールする

フォントはユーザーごとに、またはシステム全体にインストールできます。リリースから最新バージョンを入手します: 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 文字です。

既知の問題

  • 等幅形式のテキスト内の記号/絵文字により、文字の位置が正しく配置されません。 Pango/GTK アプリケーションでは、最後に選択したフォールバック フォントの空白文字の幅が使用されます。
  • [問題 #31] 一部のフォント ファミリが Linux Firefox で正しく一致しません。回避策: about:configを開き、 gfx.font_rendering.fontconfig.fontlist.enabled falseに設定します。注: Firefox 48 未満ではクラッシュが発生する可能性があります。

任意の Linux への手動インストール

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

Ubuntu Linux にインストールする

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

Arch Linux にインストールする

AUR ではttf-twemoji-colorパッケージとして利用可能です。

Gentoo Linux にインストールする

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

MacOS にインストールする

どちらの SVGinOT バージョンもリリースから入手できます: https://github.com/13rac1/twemoji-color-font/releases

  1. TwitterColorEmoji-SVGinOT-15.1.0.zip - フォントの通常バージョンは他のフォントと同様にインストールされ、特別に選択できますが、MacOS では絵文字のデフォルトとしてApple Color Emojiフォントが使用されます。
  2. 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

繰り返します: 今のところ、SVGinOT カラー絵文字をサポートしているのは FireFox だけです。 Safari と Chrome では代替の白黒絵文字が使用されます。

Windows にインストールする

Windows には 2 つの標準インストール オプションがあります。どちらの 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 絵文字フォントを置き換える

Windows 7、8、10 では、Segoe UI Symbol と Segoe UI Emoji の両方の絵文字が使用されます。両方のフォントを置き換える必要がありますが、Segoe UI Symbol の既存のシンボル文字は保持します。

このパッケージには、両方のフォント (Windows 7 では Segoe UI Symbol のみ) を生成し、インストールするインストール スクリプトが含まれています。インストール スクリプトを実行するには、PATH に Python と pip の両方が必要です。

  1. Windows 用の最新の Python 3 をダウンロードします: https://www.python.org/downloads/windows/
  2. インストーラーを起動し、「Python 3.6 を PATH に追加」を選択し、インストールプロセスを完了して再起動します。
  3. Twitter Color Emoji Windows パッケージをリリースからダウンロードします: https://github.com/13rac1/twemoji-color-font/releases/download/v15.1.0/TwitterColorEmoji-SVGinOT-Win-15.1.0.zip
  4. ファイルを解凍します。
  5. 新しい TwitterColorEmoji ディレクトリを開きます。
  6. install.cmdを実行します。注: これには時間がかかります。
  7. 要求されたら、両方の新しいフォントをインストールします。
  8. 終わり！

繰り返します: 現時点では、SVGinOT カラー絵文字をサポートしているのは FireFox と Edge (レガシー) だけです。 Chrome と Edge (Chromium ベース) では、代替の白黒絵文字が使用されます。

アンインストール中

Windows および Linux 用のアンインストール スクリプトが利用可能です。これらはリリース ファイルにも含まれています。

建物

概要：

  1. 白黒 SVG はカラー SVG からオンザフライで生成されます
  2. B&W SVG はファイル名に基づいてインポートされ、通常のグリフまたは合字グリフが作成されます。
  3. カラー SVG は、両方のタイプのグリフをオーバーライドするためにインポートされます。

必要：

  • Inkscape 1.0+
  • イメージマジック
  • ポトレース/mkbitmap
  • フォントツール 4.14+
  • FontForge 20190801+
  • SVGO
  • 作る
  • SCFBuild (このプロジェクトのために作成されました!)

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 を参照してください。

拡大する
追加情報
関連アプリ
おすすめ
関連情報 すべて