diff --git a/app/components/home.tsx b/app/components/home.tsx
index 745298d56..285ca0f58 100644
--- a/app/components/home.tsx
+++ b/app/components/home.tsx
@@ -115,7 +115,7 @@ const loadAsyncGoogleFont = () => {
     getClientConfig()?.buildMode === "export" ? remoteFontUrl : proxyFontUrl;
   linkEl.rel = "stylesheet";
   linkEl.href =
-    googleFontUrl + "/css2?family=Noto+Sans:wght@300;400;700;900&display=swap";
+    googleFontUrl + "/css2?family=" + encodeURIComponent("Noto Sans:wght@300;400;700;900") + "&display=swap";
   document.head.appendChild(linkEl);
 };