依頼の詳細

エキサイトエピ
https://www.excite.co.jp/datsumo/

'Noto Sans JP'のサブセット化、自サーバーの読み込み設定

[To:378717]Eijiさん

エキサイトエピのフォントをサブセット化しました。
https://www.excite.co.jp/datsumo/

→speed insightの結果の数値（FCP, LCP,CLS）はほぼ変わらずPCのスコアだけ上がりました。

▼ 作業内容
・header.phpで行っているグーグルのフォントの読み込みを削除。
・テーマ内にあるfontsディレクトリにフォントをアップ。
・スタイルシートでアップしたフォントを読み込む設定にしました。

[code]
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 400;
src: url("../fonts/WebSubset_NotoSansJP-Regular.woff") format("woff");
font-display: swap;
}
@font-face {
font-family: 'Noto Sans JP';
font-style: bold;
font-weight: 700;
src: url("../fonts/WebSubset_NotoSansJP-Bold.woff") format("woff");
font-display: swap;
}
@font-face {
font-family: 'Josefin Sans';
font-style: normal;
font-weight: 400;
src: url("../fonts/JosefinSans-ExtraLight.woff") format("woff");
font-display: swap;
}
[/code]

▼ 計測結果詳細
https://docs.google.com/spreadsheets/d/1sPeneUqzQdlnQA5ubarHhA-z8Gpa8w592TAe22CQ1zI/edit#gid=55860634