optimize font

assets/cormorant-garamond/normal.woff2:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+HostUrl=https://rahulja.in/cf-fonts/s/cormorant-garamond/5.0.11/latin/600/normal.woff2

index.html

@@ -6,10 +6,6 @@
     <meta name="theme-color" content="#ffffff" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <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=Cormorant+Garamond:wght@600&display=swap" rel="stylesheet">
-
     <link rel="manifest" href="/manifest.json">
 
     <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon.png">
@@ -27,11 +23,37 @@
 
     <title>Rahul Jain</title>
     <style>
+        @font-face {
+            font-family: Cormorant Garamond;
+            font-style: normal;
+            font-weight: 600;
+            src: url(/assets/cormorant-garamond/CormorantGaramond-SemiBold.woff2);
+            unicode-range: U+0000-00FF,
+                U+0131,
+                U+0152-0153,
+                U+02BB-02BC,
+                U+02C6,
+                U+02DA,
+                U+02DC,
+                U+0304,
+                U+0308,
+                U+0329,
+                U+2000-206F,
+                U+2074,
+                U+20AC,
+                U+2122,
+                U+2191,
+                U+2193,
+                U+2212,
+                U+2215,
+                U+FEFF,
+                U+FFFD;
+            font-display: swap;
+        }
+
         .title {
             font-family: "Cormorant Garamond", "Book Antiqua", "Palatino Linotype", Palatino, serif;
             font-size: 400%;
-            font-weight: 600;
-            font-style: normal;
             margin-top: auto;
             margin-bottom: auto;
         }