diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index 9b2b3d8..eeaebfd 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -34,7 +34,7 @@
   --color-gray-100: #f5f5f5;
 
   /* Font Families */
-  --font-family-body: "Montserrat", sans-serif;
+  --font-family-body: "Lora", serif;
   --font-family-heading: "Playfair Display", serif;
 }
 
diff --git a/default.hbs b/default.hbs
index 573e9e9..cdc26ea 100644
--- a/default.hbs
+++ b/default.hbs
@@ -18,7 +18,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>{{meta_title}}</title>
     <link rel="stylesheet" href="{{asset "built/screen.css"}}">
-    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Playfair+Display:wght@700&display=swap" rel="stylesheet">
+    <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=Lora:ital,wght@0,400..700;1,400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
     
     <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
     <script src="https://unpkg.com/htmx.org@2.0.0"></script>