Googleフォントをサブセット化してページの読み込みをスムーズに

Googleフォントをサブセット化してページの読み込みをスムーズにおしゃれなフォントが気軽に実装できるGoogleフォント。みなさん使っていますかね？登録やダウンロード不要なので便利ですが、日本語フォントはなかなか容量が大きくてページの読み込み速度に影響が出てしまいます。そこで必要なフォントのみを指定できるサブセット化をしてみましょう！ Google フォントの設定まずは通常通り Google フォントを設定しましょう。Google フォントの Web サイトから、今回は例として「Kosugi Maru」というフォントを設定したいので検索。一覧から「Kosugi Maru」をクリックします。 続いて見本の右側にある「Select this style」をクリック。 HTML画面右側に選択したフォントが表示されます。「Embed」タブをクリックしてコードを取得しましょう。もし画面右側にリスト

[anklelab]

なんかもうブラウザさんが上手いことしてくれんかなぁー。

[tsuki-rs]

え、しゅごい、、しゅんごい。。えしゅんごい。。

[chiba1008]

動的にやるのはキャッシュ効かないような気が

[renowan]

日本語フォントは重いからあんまり気軽に使ってほしくない

[stumprider]

フォント

[kanehama]

HTML内の文字を取得してその後にGoogleフォントを読み込めば動的にできそうだね。 [...new Set(document.evaluate('//body', document, null, XPathResult.STRING_TYPE).stringValue.split(''))].join('')