diff --git a/frontend/index.html b/frontend/index.html
index c6072ec..ab1e038 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -46,7 +46,13 @@
     <link rel="icon" type="image/svg+xml" href="favicon.svg" />
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
+    <!-- Non-blocking webfont load: a render-blocking Google Fonts stylesheet can
+         leave the page blank for many seconds where fonts.googleapis.com is
+         throttled/null-routed (e.g. mainland China). media="print" + onload lets
+         the page paint immediately with fallback fonts and upgrade once loaded;
+         <noscript> keeps a blocking copy for crawlers / no-JS clients. -->
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" media="print" onload="this.media='all'">
+    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap"></noscript>
     <script>
       document.documentElement.classList.add("js");
     </script>