diff --git a/font-definitions.css b/font-definitions.css
new file mode 100644
index 0000000..82a168c
--- /dev/null
+++ b/font-definitions.css
@@ -0,0 +1,36 @@
+---
+layout:
+---
+
+@font-face {
+    font-family: "Bebas Neue";
+    src: url("/fonts/BebasNeue-Regular.ttf");
+}
+
+@font-face {
+    font-family: "Libre Barcode 39 Text";
+    src: url("/fonts/LibreBarcode39Text-Regular.ttf");
+}
+
+@font-face {
+    font-family: "Major Mono Display Text";
+    src: url("/fonts/MajorMonoDisplay-Regular.ttf");
+}
+
+@font-face {
+    font-family: "Inconsolata Regular";
+    src: url("/fonts/Inconsolata-Regular.ttf");
+}
+
+@font-face { font-family: "IBM Plex Sans"; font-weight: 300; font-style: normal; src: url("/fonts/IBMPlexSans-Light.ttf"); }
+@font-face { font-family: "IBM Plex Sans"; font-weight: 300; font-style: italic; src: url("/fonts/IBMPlexSans-LightItalic.ttf"); }
+
+@font-face { font-family: "IBM Plex Mono"; font-weight: 300; font-style: normal; src: url("/fonts/IBMPlexMono-Light.ttf"); }
+@font-face { font-family: "IBM Plex Mono"; font-weight: 500; font-style: normal; src: url("/fonts/IBMPlexMono-Medium.ttf"); }
+@font-face { font-family: "IBM Plex Mono"; font-weight: 600; font-style: normal; src: url("/fonts/IBMPlexMono-SemiBold.ttf"); }
+@font-face { font-family: "IBM Plex Mono"; font-weight: 300; font-style: italic; src: url("/fonts/IBMPlexMono-LightItalic.ttf"); }
+@font-face { font-family: "IBM Plex Mono"; font-weight: 500; font-style: italic; src: url("/fonts/IBMPlexMono-MediumItalic.ttf"); }
+@font-face { font-family: "IBM Plex Mono"; font-weight: 600; font-style: italic; src: url("/fonts/IBMPlexMono-SemiBoldItalic.ttf"); }
+
+@font-face { font-family: "IBM Plex Serif"; font-weight: 300; font-style: normal; src: url("/fonts/IBMPlexSerif-Light.ttf"); }
+@font-face { font-family: "IBM Plex Serif"; font-weight: 300; font-style: italic; src: url("/fonts/IBMPlexSerif-LightItalic.ttf"); }
diff --git a/style.css b/style.css
index 6124426..8cfce56 100644
--- a/style.css
+++ b/style.css
@@ -13,38 +13,7 @@ body-margin: "2rem"
 code-font: '"IBM Plex Mono"'
 ---
 
-@font-face {
-    font-family: "Bebas Neue";
-    src: url("/fonts/BebasNeue-Regular.ttf");
-}
-
-@font-face {
-    font-family: "Libre Barcode 39 Text";
-    src: url("/fonts/LibreBarcode39Text-Regular.ttf");
-}
-
-@font-face {
-    font-family: "Major Mono Display Text";
-    src: url("/fonts/MajorMonoDisplay-Regular.ttf");
-}
-
-@font-face {
-    font-family: "Inconsolata Regular";
-    src: url("/fonts/Inconsolata-Regular.ttf");
-}
-
-@font-face { font-family: "IBM Plex Sans"; font-weight: 300; font-style: normal; src: url("/fonts/IBMPlexSans-Light.ttf"); }
-@font-face { font-family: "IBM Plex Sans"; font-weight: 300; font-style: italic; src: url("/fonts/IBMPlexSans-LightItalic.ttf"); }
-
-@font-face { font-family: "IBM Plex Mono"; font-weight: 300; font-style: normal; src: url("/fonts/IBMPlexMono-Light.ttf"); }
-@font-face { font-family: "IBM Plex Mono"; font-weight: 500; font-style: normal; src: url("/fonts/IBMPlexMono-Medium.ttf"); }
-@font-face { font-family: "IBM Plex Mono"; font-weight: 600; font-style: normal; src: url("/fonts/IBMPlexMono-SemiBold.ttf"); }
-@font-face { font-family: "IBM Plex Mono"; font-weight: 300; font-style: italic; src: url("/fonts/IBMPlexMono-LightItalic.ttf"); }
-@font-face { font-family: "IBM Plex Mono"; font-weight: 500; font-style: italic; src: url("/fonts/IBMPlexMono-MediumItalic.ttf"); }
-@font-face { font-family: "IBM Plex Mono"; font-weight: 600; font-style: italic; src: url("/fonts/IBMPlexMono-SemiBoldItalic.ttf"); }
-
-@font-face { font-family: "IBM Plex Serif"; font-weight: 300; font-style: normal; src: url("/fonts/IBMPlexSerif-Light.ttf"); }
-@font-face { font-family: "IBM Plex Serif"; font-weight: 300; font-style: italic; src: url("/fonts/IBMPlexSerif-LightItalic.ttf"); }
+@import 'font-definitions.css';
 
 html {
     margin: 0;