Skip to content

Preload only Inter latin; drop Lora and cyrillic font preloads #1661

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
feruzm merged 1 commit into from
Aug 24, 2026
Merged

Preload only Inter latin; drop Lora and cyrillic font preloads #1661

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 14 additions & 3 deletions apps/web/src/app/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -64,17 +64,28 @@ export const viewport: Viewport = {
]
};

/*
Only Inter's latin subset is preloaded. The generated @font-face rules keep
every subset via unicode-range, so cyrillic text still upgrades to the
webfont after a fallback-first paint. The four preloaded woff2 (~126 KB,
priority High) were racing the last render-blocking stylesheet on the same
connection and delaying first paint (#1600).
*/
const inter = Inter({
subsets: ["latin", "cyrillic"],
subsets: ["latin"],
Comment thread
qodo-code-review[bot] marked this conversation as resolved.
Comment thread
qodo-code-review[bot] marked this conversation as resolved.
variable: "--font-inter",
display: "swap"
});

/* Lora only styles entry/publish serif text, all of it below or at the fold
edge; painting it with the fallback serif first is acceptable, so no
preload at all. */
const lora = Lora({
subsets: ["latin", "cyrillic"],
subsets: ["latin"],
weight: ["400", "700"],
variable: "--font-lora",
display: "swap"
display: "swap",
preload: false
Comment thread
qodo-code-review[bot] marked this conversation as resolved.
});

export default async function RootLayout({ children }: { children: React.ReactNode }) {
Expand Down
Loading