diff --git a/public/_headers b/public/_headers
new file mode 100644
index 0000000..83801a1
--- /dev/null
+++ b/public/_headers
@@ -0,0 +1,2 @@
+/*.woff2
+	Cache-Control: public, max-age=31536000, immutable
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index b5629fc..09eeaa1 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -21,8 +21,12 @@ const isHome = Astro.url.pathname === "/";
 		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<meta name="generator" content={Astro.generator} />
 		<title>{title ? `${title} - Andrew Brower` : "Andrew Brower"}</title>
+
+    <link rel="preload" href="/fonts/LibreBaskerville-Regular.woff2" as="font" type="font/woff2" />
+    <link rel="preload" href="/fonts/LibreBaskerville-Bold.woff2" as="font" type="font/woff2" />
+    <link rel="preload" href="/fonts/LibreBaskerville-Italic.woff2" as="font" type="font/woff2" />
 	</head>
-	<body class="bg-sepia flex justify-center">
+	<body class="bg-sepia flex justify-center font-display">
     <div class="p-12 w-full max-w-[750px]">
       <header class="my-8 h-8 flex flex-row justify-between items-center flex-wrap">
         <!-- the home page has its own header! -->
diff --git a/src/styles/global.css b/src/styles/global.css
index bcbd41e..90a2706 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -10,26 +10,30 @@
 @font-face {
   font-family: "Libre Baskerville";
   src: url("/fonts/LibreBaskerville-Regular.woff2") format("woff2"),
-       url("/fonts/LibreBaskerville-Regular.ttf") format("truetype");
+    url("/fonts/LibreBaskerville-Regular.ttf") format("truetype");
   font-weight: 400;
   font-style: normal;
-  font-display: swap;
+  font-display: block;
 }
 
 @font-face {
   font-family: "Libre Baskerville";
   src: url("/fonts/LibreBaskerville-Bold.woff2") format("woff2"),
-       url("/fonts/LibreBaskerville-Bold.ttf") format("truetype");
+    url("/fonts/LibreBaskerville-Bold.ttf") format("truetype");
   font-weight: 700;
   font-style: normal;
-  font-display: swap;
+  font-display: block;
 }
 
 @font-face {
   font-family: "Libre Baskerville";
   src: url("/fonts/LibreBaskerville-Italic.woff2") format("woff2"),
-       url("/fonts/LibreBaskerville-Italic.ttf") format("truetype");
+    url("/fonts/LibreBaskerville-Italic.ttf") format("truetype");
   font-weight: 400;
   font-style: italic;
-  font-display: swap;
+  font-display: block;
 }
+
+:root {
+  font-family: var(--font-display);
+}
\ No newline at end of file