Nuxt.jsで静的サイトを構築する際に、ページに含まれている日本語だけでフォントのサブセットを生成するデモページです。
# インストール
$ yarn
# 開発
$ yarn dev
# 静的サイトの生成
$ yarn generateローカルでフォントのサブセットを生成する場合、 pyftsubsetというPython製のツールを使用しているので事前にインストールしておく必要があります。
$ pip install fonttools brotliインストール後、下記のコマンドでフォントのサブセットを生成します。
# ページから日本語を抽出してテキストファイルに出力
$ yarn font:subset
# サブセットしたWOFFの生成
$ yarn font:woff
# サブセットしたWOFF2の生成
$ yarn font:woff2
# 全部まとめてやる
$ yarn font:build