chore: remove render blocking font request

Author: debugger22

index.html

@@ -34,7 +34,6 @@
     <!-- Google Fonts with optimizations -->
     <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
 
     <!-- Preload main script -->
     <link rel="modulepreload" href="/src/main.tsx">
@@ -43,6 +42,17 @@
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
 
+    <!-- Load Inter font after page load to prevent render blocking -->
+    <script>
+      window.addEventListener('load', function() {
+        // Load Inter font asynchronously
+        const fontLink = document.createElement('link');
+        fontLink.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap';
+        fontLink.rel = 'stylesheet';
+        document.head.appendChild(fontLink);
+      });
+    </script>
+    
     <!-- Defer Google Analytics to not block rendering -->
     <script>
       window.addEventListener('load', function() {

src/App.tsx

@@ -9,7 +9,7 @@ const AppContainer = styled.div`
   margin: 0;
   padding: 0;
   background-color: #000;
-  font-family: 'Inter', sans-serif;
+  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
   font-weight: 400;
   font-size: 16px;
   overflow-x: hidden;
@@ -138,7 +138,7 @@ const ConfigArea = styled.div`
   min-height: 100px;
   padding: 40px;
   color: #555555;
-  font-family: 'Inter', sans-serif;
+  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
   font-weight: 400;
   
   .filter-section {
@@ -151,7 +151,7 @@ const ConfigArea = styled.div`
       padding: 8px 12px;
       border: 1px solid #ccc;
       border-radius: 4px;
-      font-family: 'Inter', sans-serif;
+      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
     }
   }