From 18bf39fc02bc2fba2d7919a16a5b00f3c3a0f563 Mon Sep 17 00:00:00 2001
From: Fabian Hiller <hillerfabian11@gmail.com>
Date: Wed, 1 Jan 2025 22:26:03 -0500
Subject: [PATCH] Preload fonts in Head to prevent layout shifts

---
 website/src/components/Head.tsx | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/website/src/components/Head.tsx b/website/src/components/Head.tsx
index 42b951ff9..9dd776c66 100644
--- a/website/src/components/Head.tsx
+++ b/website/src/components/Head.tsx
@@ -74,6 +74,29 @@ export const Head = component$(() => {
       <link rel="icon" type="image/png" sizes="16x16" href="/icon-16px.png" />
       <link rel="apple-touch-icon" sizes="180x180" href="/icon-180px.jpg" />
 
+      {/* Preload fonts */}
+      <link
+        rel="preload"
+        href="/fonts/lexend-exa-500.woff2"
+        as="font"
+        type="font/woff2"
+        crossOrigin=""
+      />
+      <link
+        rel="preload"
+        href="/fonts/lexend-500.woff2"
+        as="font"
+        type="font/woff2"
+        crossOrigin=""
+      />
+      <link
+        rel="preload"
+        href="/fonts/lexend-400.woff2"
+        as="font"
+        type="font/woff2"
+        crossOrigin=""
+      />
+
       {/* Open Graph metadata */}
       <meta property="og:type" content={ogType.value} />
       <meta property="og:url" content={location.url.href} />