diff --git a/gatsby-ssr.js b/gatsby-ssr.js
index c36383d532..58c79ec39b 100644
--- a/gatsby-ssr.js
+++ b/gatsby-ssr.js
@@ -4,7 +4,7 @@ export const onRenderBody = ({ setHeadComponents }) => {
   setHeadComponents([
     <link
       rel="preload"
-      href="/fonts/Inter-Regular.woff2"
+      href="/docs/fonts/Inter-Regular.woff2"
       as="font"
       type="font/woff2"
       crossOrigin="anonymous"
@@ -12,7 +12,7 @@ export const onRenderBody = ({ setHeadComponents }) => {
     />,
     <link
       rel="preload"
-      href="/fonts/Inter-Medium.woff2"
+      href="/docs/fonts/Inter-Medium.woff2"
       as="font"
       type="font/woff2"
       crossOrigin="anonymous"
@@ -20,7 +20,7 @@ export const onRenderBody = ({ setHeadComponents }) => {
     />,
     <link
       rel="preload"
-      href="/fonts/Inter-Italic.woff2"
+      href="/docs/fonts/Inter-Italic.woff2"
       as="font"
       type="font/woff2"
       crossOrigin="anonymous"
@@ -28,7 +28,7 @@ export const onRenderBody = ({ setHeadComponents }) => {
     />,
     <link
       rel="preload"
-      href="/fonts/Inter-Bold.woff2"
+      href="/docs/fonts/Inter-Bold.woff2"
       as="font"
       type="font/woff2"
       crossOrigin="anonymous"
@@ -36,7 +36,7 @@ export const onRenderBody = ({ setHeadComponents }) => {
     />,
     <link
       rel="preload"
-      href="/fonts/Inter-SemiBold.woff2"
+      href="/docs/fonts/Inter-SemiBold.woff2"
       as="font"
       type="font/woff2"
       crossOrigin="anonymous"
@@ -44,7 +44,7 @@ export const onRenderBody = ({ setHeadComponents }) => {
     />,
     <link
       rel="preload"
-      href="/fonts/Inter-SemiBoldItalic.woff2"
+      href="/docs/fonts/Inter-SemiBoldItalic.woff2"
       as="font"
       type="font/woff2"
       crossOrigin="anonymous"
@@ -52,7 +52,7 @@ export const onRenderBody = ({ setHeadComponents }) => {
     />,
     <link
       rel="preload"
-      href="/fonts/Barlow-Bold.woff2"
+      href="/docs/fonts/Barlow-Bold.woff2"
       as="font"
       type="font/woff2"
       crossOrigin="anonymous"
@@ -60,7 +60,7 @@ export const onRenderBody = ({ setHeadComponents }) => {
     />,
     <link
       rel="preload"
-      href="/fonts/JetBrainsMono-Regular.woff2"
+      href="/docs/fonts/JetBrainsMono-Regular.woff2"
       as="font"
       type="font/woff2"
       crossOrigin="anonymous"
diff --git a/src/styles/layout.css b/src/styles/layout.css
index 7e6641f961..9d1784f8fc 100644
--- a/src/styles/layout.css
+++ b/src/styles/layout.css
@@ -4,7 +4,7 @@
   font-weight: 400;
   font-style: normal;
   font-display: swap;
-  src: url('/fonts/Inter-Regular.woff2');
+  src: url('/docs/fonts/Inter-Regular.woff2');
 }
 
 /** Inter Medium */
@@ -13,7 +13,7 @@
   font-weight: 500;
   font-style: normal;
   font-display: swap;
-  src: url('/fonts/Inter-Medium.woff2');
+  src: url('/docs/fonts/Inter-Medium.woff2');
 }
 
 /** Inter Italic */
@@ -22,7 +22,7 @@
   font-weight: 400;
   font-style: italic;
   font-display: swap;
-  src: url('/fonts/Inter-Italic.woff2');
+  src: url('/docs/fonts/Inter-Italic.woff2');
 }
 
 /** Inter SemiBold */
@@ -31,7 +31,7 @@
   font-weight: 600;
   font-style: normal;
   font-display: swap;
-  src: url('/fonts/Inter-SemiBold.woff2');
+  src: url('/docs/fonts/Inter-SemiBold.woff2');
 }
 
 /** Inter SemiBold Italic */
@@ -40,7 +40,7 @@
   font-weight: 600;
   font-style: italic;
   font-display: swap;
-  src: url('/fonts/Inter-SemiBoldItalic.woff2');
+  src: url('/docs/fonts/Inter-SemiBoldItalic.woff2');
 }
 
 /** Inter Bold */
@@ -49,7 +49,7 @@
   font-weight: 700;
   font-style: normal;
   font-display: swap;
-  src: url('/fonts/Inter-Bold.woff2');
+  src: url('/docs/fonts/Inter-Bold.woff2');
 }
 
 /** Inter Bold Italic */
@@ -58,7 +58,7 @@
   font-weight: 700;
   font-style: italic;
   font-display: swap;
-  src: url('/fonts/Inter-BoldItalic.woff2');
+  src: url('/docs/fonts/Inter-BoldItalic.woff2');
 }
 
 /** Barlow Bold */
@@ -67,7 +67,7 @@
   font-weight: 600;
   font-style: normal;
   font-display: swap;
-  src: url('/fonts/Barlow-Bold.woff2');
+  src: url('/docs/fonts/Barlow-Bold.woff2');
 }
 
 @font-face {
@@ -75,7 +75,7 @@
   font-weight: 400;
   font-style: normal;
   font-display: swap;
-  src: url('/fonts/JetBrainsMono-Regular.woff2');
+  src: url('/docs/fonts/JetBrainsMono-Regular.woff2');
 }
 
 html {