feat: update font loading strategy for improved performance and consistency

Author: AR10Dev

src/components/HeadSEO.astro

@@ -50,17 +50,17 @@ const {
 
 <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=Manrope:wght@300..800&family=Sora:wght@300..800&display=swap"
-  rel="stylesheet"
-/>
 <link
   rel="preload"
   as="font"
-  href="https://fonts.gstatic.com/l/font?kit=xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FO_F64i4O4WET_H2iUHf7Dgpp0RKqtXwOQUkN-5Sy2P5jjO7ilYrPP4hMRNnwr-cMmAcp2R1jDhb&skey=c397ded15edc0853&v=v20"
-  type="font/ttf"
+  href="https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggexSg.woff2"
+  type="font/woff2"
   crossorigin
 />
+<link
+  href="https://fonts.googleapis.com/css2?family=Manrope:wght@300..800&family=Sora:wght@300..800&display=swap"
+  rel="stylesheet"
+/>
 
 <title>{title}</title>