ctao/portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: hero headline font jump on load — Space Grotesk inlined as data URI in the stylesheet (renders correctly from first paint; no swap-triggered balance reflow)

Browse Source
This commit is contained in:
ctao
2026-07-26 00:12:28 +02:00
parent 0bb378e0cc
commit 47902f7278
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/Base.astro
+2 -1
View File
@@ -44,7 +44,8 @@ const links = [
<link rel="icon" href="/brand/CTAO_Logo_positive.svg" type="image/svg+xml" /> <link rel="icon" href="/brand/CTAO_Logo_positive.svg" type="image/svg+xml" />
{/* Brand typography (BRAND D.3): Inter (body) + Space Grotesk (headlines), {/* Brand typography (BRAND D.3): Inter (body) + Space Grotesk (headlines),
self-hosted latin woff2 (variable) — @font-face lives in global.css. */} self-hosted latin woff2 (variable) — @font-face lives in global.css. */}
<link rel="preload" href="/fonts/space-grotesk-latin.woff2" as="font" type="font/woff2" crossorigin /> {/* Space Grotesk ships inlined in the stylesheet (no swap on headlines);
only Inter needs a preload — its metric fallback hides the body swap. */}
<link rel="preload" href="/fonts/inter-latin.woff2" as="font" type="font/woff2" crossorigin /> <link rel="preload" href="/fonts/inter-latin.woff2" as="font" type="font/woff2" crossorigin />
</head> </head>
<body class={ambient ? 'has-ambient' : undefined}> <body class={ambient ? 'has-ambient' : undefined}>
src/styles/global.css
+6 -1
View File
File diff suppressed because one or more lines are too long