optimized google font loading

Author: jsuraj

src/components/BaseHead.astro

@@ -49,8 +49,17 @@ function formatCanonicalURL(url: string | URL) {
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link
   href="https://fonts.googleapis.com/css2?family=Inter:wght@400..700&display=swap"
-  rel="stylesheet"
+  rel="preload"
+  as="style"
+  onload=`this.onload=null;this.rel='stylesheet'`
 />
+<noscript>
+  <link
+    href="https://fonts.googleapis.com/css2?family=Inter:wght@400..700&display=swap"
+    rel="stylesheet"
+    type="text/css"
+  />
+</noscript>
 
 <!-- Low Priority Global Metadata -->
 <link rel="icon" type="image/svg+xml" href="/favicon.svg" />