diff --git a/styles/tailwind.css b/styles/tailwind.css
index 8f7be0c..a0aaafb 100644
--- a/styles/tailwind.css
+++ b/styles/tailwind.css
@@ -5,7 +5,7 @@
 @font-face {
 	font-family: "Inter var";
 	font-weight: 100 900;
-	font-display: optional;
+	font-display: swap;
 	font-style: normal;
 	font-named-instance: "Regular";
 	src: url("/fonts/inter-roman.var.woff2") format("woff2");
@@ -14,7 +14,7 @@
 @font-face {
 	font-family: "Inter var";
 	font-weight: 100 900;
-	font-display: optional;
+	font-display: swap;
 	font-style: italic;
 	font-named-instance: "Italic";
 	src: url("/fonts/inter-italic.var.woff2") format("woff2");
@@ -25,7 +25,7 @@
 	src: url("/fonts/P22MackinacPro-Book.woff2") format("woff2");
 	font-weight: 400;
 	font-style: normal;
-	font-display: optional;
+	font-display: swap;
 }
 
 @font-face {
@@ -33,7 +33,7 @@
 	src: url("/fonts/P22MackinacPro-Bold.woff2") format("woff2");
 	font-weight: 700;
 	font-style: normal;
-	font-display: optional;
+	font-display: swap;
 }
 
 @font-face {
@@ -41,7 +41,7 @@
 	src: url("/fonts/P22MackinacPro-ExtraBold.woff2") format("woff2");
 	font-weight: 800;
 	font-style: normal;
-	font-display: optional;
+	font-display: swap;
 }
 
 @font-face {
@@ -49,7 +49,7 @@
 	src: url("/fonts/P22MackinacPro-Medium.woff2") format("woff2");
 	font-weight: 500;
 	font-style: normal;
-	font-display: optional;
+	font-display: swap;
 }
 
 .font-heading {
diff --git a/tailwind.config.js b/tailwind.config.js
index 4e636c3..12b791d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,9 +4,8 @@ module.exports = {
 	theme: {
 		extend: {
 			fontFamily: {
-				sans: ["Inter var", ...defaultTheme.fontFamily.sans],
-				inter: ["Inter var", "sans-serif"],
-				mackinac: ["P22 Mackinac Pro", "ui-serif", "Georgia", "Cambria", "Times New Roman", "Times", "serif"],
+				inter: ["Inter var", ...defaultTheme.fontFamily.sans],
+				mackinac: ['"P22 Mackinac Pro"', ...defaultTheme.fontFamily.serif],
 			},
 			colors: {
 				rebeccapurple: {