(M+とか)ブラウザ, VSCodeで表示が汚くなるフォントを救え!【シェルスクで自動化編】
オープンソースの日本語ゴシック体フォント M+ OUTLINE FONTS1 をWindows上のブラウザ(Firefox, Chromium)のフォントに設定すると、
ガビガビになっている。一部のフォントで発生するこのクソの原因はフォントヒンティング2で、ヒンティング情報をフォントファイルから消せばガビガビは消える。
これをFontforgeを使って手作業でやったのが前回。(必要なことは今話したので、読まなくてもいい)
【Fontforge】ブラウザやElectron系ソフトで表示される文字がガビガビになってる時の解決法と、ヒンティングについて感じたこと
今回はこれを自動化する。
使うもの
-
bashかなんか
- 自分はWSLのUbuntu 18.04でやっているが、シェルスクリプトが動けば仮想マシンでもMacbookでもUserLAndでもいいと思う。たぶん
-
ttfautohint(GitHub)
- ヒンティングを自動化するソフト。日本語フォントへの対応はしてなさそうだが、そんなことよりCLIからヒンティング情報の削除(dehint)ができることがディ・モールト(非常に)良い。
- Windowsとか向けにGUIバージョンもある。
-
WOFF2(GitHub)
- WOFF2というのはもちろんウェブフォント向けフォーマットのことだが、Googleが同じ名前でWOFF2への変換ツールをGitHubに公開している。紛らわしい。
シェルスクリプト
woff2 と ttfautohint を入れる
- 自分はWSLのUbuntu 18.04でやっているが、シェルスクリプトが動けば仮想マシンでもMacbookでもUserLAndでもいいと思う。たぶん
- ヒンティングを自動化するソフト。日本語フォントへの対応はしてなさそうだが、そんなことよりCLIからヒンティング情報の削除(dehint)ができることがディ・モールト(非常に)良い。
- Windowsとか向けにGUIバージョンもある。
- WOFF2というのはもちろんウェブフォント向けフォーマットのことだが、Googleが同じ名前でWOFF2への変換ツールをGitHubに公開している。紛らわしい。
woff2 と ttfautohint を入れる
Debian/Ubuntu, Fedora/CentOS, FreeBSD(たぶん), Homebrew にはパッケージの形でおいてあるので、おのおのパッケージマネージャーから入れるとよい。Archはttfautohintが、その他ディストロには両方ないので自力でビルドが必要。
ttfautohintとwoff2を引っ張ってきて適当な場所(ここでは
GitHubから引いてビルドする場合の手順。
$HOME
)でビルドするだけ。#! /bin/bash
cd ~/
git clone https://github.com/source-foundry/ttfautohint-build.git ttfautohint-b
cd ttfautohint-b
make
cd ~/
git clone --recursive https://github.com/google/woff2.git
cd woff2
make clean all
sudo apt install ttfautohint woff2
dehint してみる
インストールされたら、TTFファイルのあるディレクトリでこいつを実行する。
./unhint.sh
で実行すると、*.ttf
に合致するファイルを全部処理する。
./unhint.sh mplus
で実行すると、mplus*.ttf
に合致するファイルを全部処理する。
ビルドしてる場合はttfautohint
, woff2
を適切なパスに("$HOME/ttfautohint-build/local/bin/ttfautohint"
, "$HOME/woff2/woff2_compress" "unhinted-${file}"
とか)置き換える。
#! /bin/bash
for file in $1*.ttf
do
ttfautohint -dF " Unhinted" "$file" "unhinted-${file}"
woff2_compress "unhinted-${file}"
done
冥土の土産として解説すると、ttfautohint
の-d
(--dehint
)がヒンティング削除で, -F
(-family-suffix
)でフォント名にUnhinted
を追加する、という感じ。woff2はwoff2_compress
, woff2_decompress
, woff2_info
とコマンドが3つに別れているが、今回は圧縮なのでwoff2_compress
。
結の果
「シェルスクリプト書いてたんだからls
で表示しろよ」という意見は置いといて、ttfとwoffが無事出力されました。めでたしめでたし。しっかし、WOFFにしても結構デカいな…
Author And Source
この問題について((M+とか)ブラウザ, VSCodeで表示が汚くなるフォントを救え!【シェルスクで自動化編】), 我々は、より多くの情報をここで見つけました https://qiita.com/AumyF/items/4f625ebd47603efaac7a著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .