landing: drop Google Fonts preload + trim weights to 5

psi-swarm diagnose flagged the Google Fonts CSS chain as a 351ms
render-blocker even with the preload + onload swap pattern in place —
`rel=preload as=style` still kicks off a high-priority fetch on the
critical path. Removed the preload tag; the media=print onload swap is
enough by itself. Trimmed weights from 11 woff2 files (400-700 × 3
faces) to 5 (Space Grotesk 600, Inter 400/600, JetBrains 500), which is
all the landing actually uses. System stack covers the moment before
the swap completes — Tailwind tokens cascade through gracefully.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: sarthakagrawal927

apps/landing-page-astro/src/layouts/Layout.astro

@@ -50,27 +50,26 @@ const OG_IMAGE = `${SITE_URL}/opengraph-image.png`;
     <meta name="twitter:image" content={OG_IMAGE} />
 
     {/* Fonts — Inter (body), Space Grotesk (display), JetBrains Mono
-        (mono). Same three faces the Next.js layout pulled via
-        next/font Google CDN. Use the async preload + media-swap
-        pattern so the stylesheet never blocks first paint; <noscript>
-        fallback covers JS-off browsers. */}
+        (mono). Trimmed weights to only what the landing actually uses
+        (was 400-700 for each face × 3 = 11 woff2 files; now 5).
+        Lighthouse psi-swarm flagged this chain as 351ms render-blocker
+        even with preload+swap; dropping `preload as=style` (which still
+        kicks off a high-priority fetch) cuts the LCP critical path so
+        the stylesheet truly only loads after first paint via the
+        media=print → onload swap trick. Fallback to system stack until
+        the swap completes (Tailwind tokens cascade gracefully). */}
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      rel="preload"
-      as="style"
-      href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap"
-    />
     <link
       rel="stylesheet"
-      href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600&family=Inter:wght@400;600&family=JetBrains+Mono:wght@500&display=swap"
       media="print"
       onload="this.media='all'"
     />
     <noscript>
       <link
         rel="stylesheet"
-        href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap"
+        href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600&family=Inter:wght@400;600&family=JetBrains+Mono:wght@500&display=swap"
       />
     </noscript>
   </head>