【比較あり】WEBフォントをサブセット化してページを高速化!
遂に年末年始休暇に入りました。とりあえず平和に休みを迎えることはできたけども、運用やっているエンジニアはまだ仕事しているんだよなって思うと少し複雑だったりする。まあ休みが合わないだけで休日の数は変わらんけども。
今回はいままで結構気になっていたフォントファイルのサイズをできる限り縮小しようと思い、サブセット化するに至ったので、効果とかざっくりとした方法を書いていきたい。
フォントのサブセット化手順
まず先にざっくりとした手順を。
* フォントファイルの取得
* フォントのサブセット化
* フォントファイルのコンバート(→.woff2形式)
* Webサイトへの適用
一応今回はWebサイトへの適用までを手順にすることにしました。何となくこういうのって一番難しいのが環境への反映だったりすると思うので。
また、以下のツールを利用するので、事前にインストールしておくのをおすすめ。
* サブセットフォントメーカー:株式会社武蔵システム →フォントのサブセット化に利用
* WOFFコンバータ:株式会社武蔵