From a476a528990f9ae383a9697aa5b7d174f4eb88ce Mon Sep 17 00:00:00 2001
From: Fisher60 <wakefollower@gmail.com>
Date: Mon, 8 Jul 2024 18:03:28 -0500
Subject: [PATCH] preload fonts

---
 app.vue             | 14 ++++++++++++++
 assets/css/main.css |  3 ---
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/app.vue b/app.vue
index 5345f8c..0cf5e33 100644
--- 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
index 47cf872..95e2e9c 100644
--- 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;