Update sans-serif font to standard

Author: shovanch

public/fonts/standard-bold-webfont.woff2

@@ -28,14 +28,21 @@ const canonicalURL = canonical
 <!-- Critical font preloads - only load essential fonts initially -->
 <link
   rel="preload"
-  href="/fonts/UncutSans-Variable.woff2"
+  href="/fonts/source-serif-4-latin-400-normal.woff2"
   as="font"
   type="font/woff2"
   crossorigin
 />
 <link
   rel="preload"
-  href="/fonts/source-serif-4-latin-400-normal.woff2"
+  href="/fonts/standard-book-webfont.woff2"
+  as="font"
+  type="font/woff2"
+  crossorigin
+/>
+<link
+  rel="preload"
+  href="/fonts/standard-bold-webfont.woff2"
   as="font"
   type="font/woff2"
   crossorigin
@@ -72,10 +79,23 @@ const canonicalURL = canonical
 <style>
   /* Ensure fonts are displayed quickly with fallbacks */
   @font-face {
-    font-family: 'UncutSans-Variable';
-    font-weight: 400 700;
+    font-family: 'Standard';
+    font-style: normal;
+    font-weight: 400;
     font-display: swap;
-    src: url('/fonts/UncutSans-Variable.woff2') format('woff2');
+    src: url('/fonts/standard-book-webfont.woff2') format('woff2');
+    unicode-range:
+      U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+      U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+      U+FEFF, U+FFFD;
+  }
+
+  @font-face {
+    font-family: 'Standard';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url('/fonts/standard-bold-webfont.woff2') format('woff2');
     unicode-range:
       U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
       U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
@@ -181,14 +201,14 @@ const canonicalURL = canonical
 
 <!-- Speculation Rules API for instant page navigation (Chrome/Edge) -->
 <script type="speculationrules">
-{
-  "prerender": [
-    {
-      "where": { "href_matches": "/*" },
-      "eagerness": "moderate"
-    }
-  ]
-}
+  {
+    "prerender": [
+      {
+        "where": { "href_matches": "/*" },
+        "eagerness": "moderate"
+      }
+    ]
+  }
 </script>
 
 <script

public/fonts/standard-bold.otf

@@ -22,6 +22,6 @@ export const UI_CONSTANTS = {
   // Prose styling for content
   PROSE: {
     default:
-      'prose prose-lg md:prose-xl prose-headings:text-lg md:prose-headings:text-2xl prose-headings:font-sans prose-headings:text-semibold prose-headings:scroll-mt-8 prose-a:!decoration-dashed prose-h2:mt-10 prose-h2:md:mt-14 prose-a:!underline prose-a:!underline-offset-4 prose-img:rounded-md prose-img:w-full prose-strong:text-theme-text prose-hr:border-theme-text-secondary/40 prose-img:shadow-md max-w-none text-pretty prose-li:marker:text-theme-text-secondary',
+      'prose prose-lg md:prose-xl prose-headings:text-lg md:prose-headings:text-xl prose-headings:font-sans prose-headings:text-semibold prose-headings:scroll-mt-8 prose-a:!decoration-dashed prose-h2:mt-10 prose-h2:md:mt-14 prose-a:!underline prose-a:!underline-offset-4 prose-img:rounded-md prose-img:w-full prose-strong:text-theme-text prose-hr:border-theme-text-secondary/40 prose-img:shadow-md max-w-none text-pretty prose-li:marker:text-theme-text-secondary',
   },
 } as const;

public/fonts/standard-book-webfont.woff2

@@ -2,6 +2,23 @@
 @import './sandpack.css';
 @plugin '@tailwindcss/typography';
 
+/* Standard Font */
+@font-face {
+  font-family: 'Standard';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('/fonts/standard-book-webfont.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Standard';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('/fonts/standard-bold-webfont.woff2') format('woff2');
+}
+
 /* Additional font weights - loaded lazily */
 @font-face {
   font-family: 'Source Serif 4';
@@ -94,7 +111,7 @@ pre,
 
 @theme {
   --font-sans:
-    'UncutSans-Variable', ui-sans-serif, system-ui, sans-serif,
+    'Standard', ui-sans-serif, system-ui, sans-serif,
     'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
   --font-mono:
     'MonoLisa', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,

public/fonts/standard-book.otf

@@ -11,8 +11,8 @@ type OgImageOptions = {
 // Track initialization state
 let wasmInitialized = false;
 let fontsLoaded = false;
-let UncutSansMedium: Buffer;
-let UncutSansSemibold: Buffer;
+let StandardBook: Buffer;
+let StandardBold: Buffer;
 
 async function ensureWasmInitialized() {
   if (wasmInitialized) return;
@@ -30,11 +30,11 @@ async function ensureWasmInitialized() {
 function loadFonts() {
   if (fontsLoaded) return;
 
-  UncutSansMedium = fs.readFileSync(
-    path.resolve(process.cwd(), 'public/fonts/UncutSans-Medium.otf'),
+  StandardBook = fs.readFileSync(
+    path.resolve(process.cwd(), 'public/fonts/standard-book.otf'),
   );
-  UncutSansSemibold = fs.readFileSync(
-    path.resolve(process.cwd(), 'public/fonts/UncutSans-Semibold.otf'),
+  StandardBold = fs.readFileSync(
+    path.resolve(process.cwd(), 'public/fonts/standard-bold.otf'),
   );
   fontsLoaded = true;
 }
@@ -65,7 +65,7 @@ export async function generateOgImage({
                   props: {
                     style: {
                       fontSize: '96px',
-                      fontFamily: 'Uncut Sans Semibold',
+                      fontFamily: 'Standard Bold',
                     },
                     children: title,
                   },
@@ -76,7 +76,7 @@ export async function generateOgImage({
                       props: {
                         style: {
                           fontSize: '32px',
-                          fontFamily: 'Uncut Sans Medium',
+                          fontFamily: 'Standard Book',
                         },
                         children: description,
                       },
@@ -102,7 +102,7 @@ export async function generateOgImage({
                     style: {
                       color: '#2563eb',
                       fontSize: '30px',
-                      fontFamily: 'Uncut Sans Medium',
+                      fontFamily: 'Standard Book',
                     },
                     children: 'Shovan Chatterjee',
                   },
@@ -139,7 +139,7 @@ export async function generateOgImage({
           position: 'relative',
           padding: '0 88px',
           background: '#f7f8e8',
-          fontFamily: 'Uncut Sans Medium',
+          fontFamily: 'Standard Book',
         },
       },
     },
@@ -148,13 +148,13 @@ export async function generateOgImage({
       height: 600,
       fonts: [
         {
-          name: 'Uncut Sans Medium',
-          data: UncutSansMedium,
+          name: 'Standard Book',
+          data: StandardBook,
           style: 'normal',
         },
         {
-          name: 'Uncut Sans Semibold',
-          data: UncutSansSemibold,
+          name: 'Standard Bold',
+          data: StandardBold,
           style: 'normal',
         },
       ],