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)

2026-07-26 00:12:28 +02:00
parent 0bb378e0cc
commit 47902f7278
2 changed files with 8 additions and 2 deletions
@@ -44,7 +44,8 @@ const links = [
    <link rel="icon" href="/brand/CTAO_Logo_positive.svg" type="image/svg+xml" />
    {/* Brand typography (BRAND D.3): Inter (body) + Space Grotesk (headlines),
        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 />
  </head>
  <body class={ambient ? 'has-ambient' : undefined}>