Update app.css

Author: rishi-raj-jain

src/styles/app.css

@@ -21,9 +21,12 @@ html.theme-switching *::after {
   --breakpoint-xs: 480px;
 
   /* Fonts */
+  /* 'Inter Fallback' is generated by vite-font (INTER_FALLBACK_FAMILY in
+     vite.config.ts) and must be spelled identically here, or the metric
+     overrides that hold the layout steady never get applied. */
   --font-sans:
-    'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
-    'Segoe UI Emoji', Segoe UI Symbol, 'Noto Color Emoji';
+    'Inter', 'Inter Fallback', ui-sans-serif, system-ui, sans-serif,
+    'Apple Color Emoji', 'Segoe UI Emoji', Segoe UI Symbol, 'Noto Color Emoji';
   --font-shop-display: 'DM Sans', ui-sans-serif, system-ui, sans-serif;
   --font-shop-mono: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
 
@@ -1090,30 +1093,6 @@ mark {
   @apply fill-gray-800/90 stroke-gray-500/20;
 }
 
-@font-face {
-  font-display: swap;
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 100 900;
-  src: url('/fonts/Inter-latin-ext.woff2') format('woff2');
-  unicode-range:
-    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
-    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
-    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-
-@font-face {
-  font-display: swap;
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 100 900;
-  src: url('/fonts/Inter-latin.woff2') format('woff2');
-  unicode-range:
-    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
-    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
-    U+2215, U+FEFF, U+FFFD;
-}
-
 @keyframes fadeIn {
   from {
     opacity: 0;