Upload folder using huggingface_hub

client/public/index.html

@@ -14,6 +14,13 @@
     <link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/favicon-16x16.png" />
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
     <style>
+      /* Base font stack to match Safari across browsers */
+      html, body, #root {
+        font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        text-rendering: optimizeLegibility;
+      }
       @font-face {
         font-family: 'Apocalypse13';
         src: url('%PUBLIC_URL%/fonts/Apocalypse13.otf') format('opentype');

client/src/index.css

@@ -4,7 +4,7 @@
 
 @layer base {
   html {
-    font-family: 'Inter', system-ui, sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;
   }
   body {
     @apply bg-ui-bg text-ui-text;
@@ -109,10 +109,6 @@
 html.is-chrome body, html.is-chrome #root {
   will-change: scroll-position;
   scroll-behavior: smooth;
-  -webkit-font-smoothing: auto;
-  font-smooth: auto;
-  text-rendering: optimizeLegibility;
-  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
 }
 html.is-chrome .app-shell { content-visibility: auto; contain-intrinsic-size: 1000px 2000px; }