From 61d9050df23d5cecf5fdb627960b909823d78c8f Mon Sep 17 00:00:00 2001
From: Mikkel Svartveit <mikkel.svartveit@gmail.com>
Date: Wed, 20 Dec 2023 18:25:51 +0100
Subject: [PATCH] Fix font issue

---
 src/layouts/RootLayout.astro | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)
diff --git a/src/layouts/RootLayout.astro b/src/layouts/RootLayout.astro
index ac0dc93..8b9da3b 100644
--- a/src/layouts/RootLayout.astro
+++ b/src/layouts/RootLayout.astro
@@ -16,21 +16,24 @@ const fullTitle = `${title ? title + " – " : ""}Mikkel Svartveit`;
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="/favicon.png" />
-    <meta name="viewport" content="width=device-width" />
     <title>{fullTitle}</title>
+
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <meta
       name="description"
       content={description ??
         "Hi, I'm Mikkel! I am a Computer Science student from Norway and this is my playground. Here you will find some programming projects, and a small collection of photos I'm proud of."}
     />
     <meta name="theme-color" content={themeColor ?? "#facc15"} />
-    <ViewTransitions fallback="none" />
 
-    <style>
-      @import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600&family=Source+Code+Pro&family=Source+Serif+Pro:wght@300;400;600&display=swap");
-    </style>
+    <link rel="icon" href="/favicon.png" />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600&family=Source+Code+Pro&family=Source+Serif+Pro:wght@300;400;600&display=swap"
+    />
+
+    <ViewTransitions fallback="none" />
   </head>
 
   <body class={`bg-gray-50 ${hideScrollbar ? "" : "overflow-y-scroll"}`}>
