依頼の詳細

フォントについての改善

▼ エピリノ

・エピリノで使用しているグーグルフォントはJosefin Sans になります。
・font-displayのswapに関しては、すでにgooglefontは設定済みになっています。

↓

フォントデータを自サーバに置いて読み込む形（セルフホスト）でpreloadの対応もして確認してみるのが良いと思いました。
https://tm23forest.com/contents/selfhosted-googlewebfonts-psi-okoraren https://mogumogu-design.com/googlefont-yomikomi/

▼ コーポレート

そういえばコーポレートサイトも日本語Noto Sans指定だった

●サブセット化
●自動カーニング　font-feature- settings

メモ

Noto Sansについて気になるツイート
https://twitter.com/wurst_design/status/1353259276358180864

ここまでスピードが違うのにびっくりです！
使うとしたら太さはレギュラーとボールドの2種類に抑えたほうが良いですね

といってもあまり効果は薄いようなので、サブセット化が最適ですかね…
https://jajaaan.co.jp/growth-hack/speed-up/web-font-remove/

NotoSans指定しているエピリノもWebP化と共にサブセット化かも対応すればさらにスピード改善されるかもしれません

※上記記事より引用
＞M PLUS 1p medium を日本語サブセット化した場合
そのままの場合→１MB
サブセット化した場合→346KB
65％ほど削減できました。