日本語 Web フォントの読込み速度を改善する - その1 - Qiita

Google Fonts が日本語 Web フォントを提供している仕組みに倣い、フォントデータを 120 ファイルに分割して読込みの最適化を行う 試みです。 今回は実装の説明の前に、予備知識として Google Fonts がどのように日本語フォントを提供しているかを確認してみたいと思います。 Google Fonts では日本語をどのように分割しているのか？ Google Fonts 提供の Noto Sans JP が、どのようにサブセット化されているかを確認できるページを Vue で作ってみましたので、Chrome でアクセスしてみてください。(Chrome でなくても良いですが、IE はダメです！ ） https://jp-webfont-subset-example.herokuapp.com/noto-sans#/ ページ左上のコンボボックスで Font Set 0 から Fo