diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index 1f4bdd5..5b74080 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -16,8 +16,8 @@
   --color-brand-950: #4c3a23;
 
   /* Font Families */
-  --font-serif: "Playfair Display", serif;
-  --font-heading: "Playfair Display", serif;
+  --font-serif: "Fraunces", serif;
+  --font-heading: "Fraunces", serif;
   --font-sans: "Montserrat", sans-serif;
 }
 
diff --git a/default.hbs b/default.hbs
index dda757f..0f73674 100644
--- a/default.hbs
+++ b/default.hbs
@@ -26,7 +26,7 @@
     <link rel="stylesheet" href="{{asset "built/screen.css"}}">
     <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=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..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>