preload fonts

AbandonTech · Jul 8, 2024 · a476a52 · a476a52
1 parent a806c06
commit a476a52
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/app.vue b/app.vue
@@ -17,7 +17,21 @@ const runtimeConfig = useRuntimeConfig()
   useHead({
     bodyAttrs: {
       class: "bg-base-100 text-primary-content"
+    },
+    link: [
+    {
+      rel: "preload",
+      type: "font/Atkinson Hyperlegible",
+      href: "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap",
+      as: "font",
+    },
+    {
+      rel: "preload",
+      type: "font/Lato",
+      href: "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap",
+      as: "font",
     }
+  ]
   })
 
   useSeoMeta({

diff --git a/assets/css/main.css b/assets/css/main.css
@@ -1,6 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;