diff --git a/assets/css/custom.css b/assets/css/custom.css
index ace7eaf..b06f793 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -36,7 +36,7 @@ body > header {
 
 @font-face {
   font-family: acidGrotesk;
-  src: url('AcidGrotesk-Regular.otf');
+  src: url('../fonts/AcidGrotesk-Regular.otf') format("opentype");
 }
 
 body {
diff --git a/layouts/partials/head-custom.html b/layouts/partials/head-custom.html
new file mode 100644
index 0000000..25ec2d6
--- /dev/null
+++ b/layouts/partials/head-custom.html
@@ -0,0 +1 @@
+<link rel="preload" href="/fonts/AcidGrotesk-Regular.otf" as="font" type="font/otf" />
\ No newline at end of file
diff --git a/assets/css/AcidGrotesk-Regular.otf b/static/fonts/AcidGrotesk-Regular.otf
similarity index 100%
rename from assets/css/AcidGrotesk-Regular.otf
rename to static/fonts/AcidGrotesk-Regular.otf