move blocking css import to link preconnect

activatedgeek · Sep 26, 2024 · 86c7976 · 86c7976
1 parent fef7003
commit 86c7976
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "copernicus",
   "type": "module",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "scripts": {
     "dev": "astro dev",
     "pretty": "prettier --write .",

diff --git a/src/components/Html.astro b/src/components/Html.astro
@@ -37,6 +37,13 @@ const {
     <link rel="canonical" href={canonicalURL.href} />
     <meta name="giscus:backlink" content={canonicalURL.href} />
 
+    <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=Assistant:wght@200..800&display=swap"
+      rel="stylesheet"
+    />
+
     <title>{title} | {siteAuthorName}</title>
     <meta name="theme-color" content={themeColor} />
     <meta name="description" content={description} />

diff --git a/src/styles/main.css b/src/styles/main.css
@@ -1,5 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&display=swap");
-
 @import "@picocss/pico/css/pico.classless.min.css";
 
 :root {