workkkkk

matcha/app/globals.css

@@ -1,3 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -11,37 +12,28 @@
   a {
     @apply text-[#e1ddcf] no-underline hover:text-[#97b572] transition-colors;
   }
-}
-
-body {
-  color: rgb(var(--foreground-rgb));
-  background: rgb(var(--background-rgb));
-}
 
-/* Ensure Terminus font is loaded before being used */
-@font-face {
-  font-family: 'Terminus';
-  src: url('https://cdn.jsdelivr.net/npm/[email protected]/TerminusTTF-4.49.1.ttf') format('truetype');
-  font-weight: normal;
-  font-style: normal;
-  font-display: swap;
-}
+  body {
+    color: rgb(var(--foreground-rgb));
+    background: rgb(var(--background-rgb));
+    font-family: 'Roboto', sans-serif;
+  }
 
-/* Apply Terminus font globally */
-html, body {
-  font-family: 'Terminus', monospace;
-  -webkit-font-smoothing: none;
-  -moz-osx-font-smoothing: unset;
+  html, body {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
 }
 
-/* Ensure proper font rendering for bitmap font */
 * {
-  font-smooth: never;
-  -webkit-font-smoothing: none;
+  /* Ensure smooth font rendering */
+  font-family: 'Roboto', sans-serif;
+  font-smooth: always;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 ::selection {
   background-color: #4e5a4a;
   color: #ffffff;
 }
-