Skip to content

Lazy-load Japanese fonts only for Japanese users#932

Open
jcmartinezdev wants to merge 2 commits intomasterfrom
feature/lazy-load-japanese-fonts
Open

Lazy-load Japanese fonts only for Japanese users#932
jcmartinezdev wants to merge 2 commits intomasterfrom
feature/lazy-load-japanese-fonts

Conversation

@jcmartinezdev
Copy link
Copy Markdown
Contributor

Move Japanese Noto Sans JP fonts (~13MB) out of Next.js bundling to avoid loading them for English users. Fonts are now loaded via CSS @font-face only when languageCode === "ja".

  • Move NotoSansJP fonts from src/libs/theme/fonts/ to public/fonts/
  • Add public/fonts/japanese-fonts.css with @font-face declarations
  • Remove JapaneseFont from next/font/local in fonts.tsx
  • Conditionally load CSS stylesheet in page-layout for Japanese
  • Add fonts/ to middleware matcher exclusions

Move Japanese Noto Sans JP fonts (~13MB) out of Next.js bundling to avoid
loading them for English users. Fonts are now loaded via CSS @font-face
only when languageCode === "ja".

- Move NotoSansJP fonts from src/libs/theme/fonts/ to public/fonts/
- Add public/fonts/japanese-fonts.css with @font-face declarations
- Remove JapaneseFont from next/font/local in fonts.tsx
- Conditionally load CSS stylesheet in page-layout for Japanese
- Add fonts/ to middleware matcher exclusions

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@github-actions
Copy link
Copy Markdown

Preview URL https://next-jwt-vjaamcq47-okta.vercel.app

Keep both llms.txt (from master) and fonts/ (from this branch) in exclusions.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@github-actions
Copy link
Copy Markdown

Preview URL https://next-jwt-m24uhd1fy-okta.vercel.app

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant