Google Fontsを簡単にサブセット化する方法

2021.07.16

Google Fontsはlinkタグで読み込む際にパラメータを付与することで簡単にサブセット化することができます。

特定のweightのみ読み込む

特定のweightのフォントのみ読み込む場合は、フォント名の後に:wght@数値という形で指定します。複数指定する場合は;（セミコロン）で区切ります。

例えば大文字の”ABC”のみ読み込みたい場合は、textパラメータで指定します。

上記2つを組み合わせると以下のようになります。

使う文字、ウェイトが決まっている場合はこのようにサブセット化することで容量を削減できますので活用していきましょう。