diff --git a/web/assets/static-pages/index.html b/web/assets/static-pages/index.html
index d3340ed31..53717d517 100644
--- a/web/assets/static-pages/index.html
+++ b/web/assets/static-pages/index.html
@@ -17,6 +17,8 @@
 	<link rel="icon" href="http://localhost:8080/assets/logo.webp" type="image/webp">
 	<link rel="apple-touch-icon" href="http://localhost:8080/assets/logo.webp" type="image/webp">
 	<link rel="apple-touch-startup-image" href="http://localhost:8080/assets/logo.webp" type="image/webp">
+	<link rel="preload" href="/assets/fonts/noto-sans-v27-latin-regular.woff2" as="font" type="font/woff2" crossorigin>
+	<link rel="preload" href="/assets/fonts/noto-sans-v27-latin-700.woff2" as="font" type="font/woff2" crossorigin>
 	<link rel="stylesheet" href="/assets/dist/themes/default.css">
 	<link rel="stylesheet" href="/assets/dist/style.css">
 	<title>GoToSocial Testrig Instance - GoToSocial</title>
diff --git a/web/source/css/base/fonts.css b/web/source/css/base/fonts.css
index 235b8b818..ef40d989a 100644
--- a/web/source/css/base/fonts.css
+++ b/web/source/css/base/fonts.css
@@ -4,17 +4,16 @@
 	font-weight: 400;
 	font-display: swap;
 	font-style: normal;
-	src: url('../fonts/noto-sans-v27-latin-regular.woff2') format('woff2'),
-		 url('../fonts/noto-sans-v27-latin-regular.woff') format('woff');
+	src: url('/assets/fonts/noto-sans-v27-latin-regular.woff2') format('woff2'),
+		 url('/assets/fonts/noto-sans-v27-latin-regular.woff') format('woff');
 }
 
-// TODO: do we really need to include the bold variant?
 /* noto-sans-700 - latin */
 @font-face {
 	font-family: "Noto Sans";
 	font-weight: 700;
 	font-display: swap;
 	font-style: normal;
-	src: url('../fonts/noto-sans-v27-latin-700.woff2') format('woff2'),
-		 url('../fonts/noto-sans-v27-latin-700.woff') format('woff');
-} */
+	src: url('/assets/fonts/noto-sans-v27-latin-700.woff2') format('woff2'),
+		 url('/assets/fonts/noto-sans-v27-latin-700.woff') format('woff');
+}