diff --git a/app/views/general/404.phtml b/app/views/general/404.phtml
index 2a9ff7f312..03fdedb261 100644
--- a/app/views/general/404.phtml
+++ b/app/views/general/404.phtml
@@ -6,9 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>404 Not Found</title>
 
+    <link rel="preconnect" href="https://fonts.bunny.net">
+    <link href="https://fonts.bunny.net/css?family=inter:400,500" rel="stylesheet" />
     <style>
-        @import url(https://fonts.bunny.net/css?family=fira-code:400|inter:400);
-
         * {
             margin: 0;
             padding: 0;
diff --git a/app/views/general/error.phtml b/app/views/general/error.phtml
index de859a9c86..8343421858 100644
--- a/app/views/general/error.phtml
+++ b/app/views/general/error.phtml
@@ -107,23 +107,11 @@ switch ($type) {
     <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script>
     <link rel="icon" type="image/svg+xml" href="<?php echo $url; ?>/images/logos/appwrite-icon.svg" />
     <link rel="mask-icon" type="image/png" href="<?php echo $url; ?>/images/logos/appwrite-icon.png" />
-    <link
-        rel="preload"
-        href="/fonts/inter/inter-v8-latin-600.woff2"
-        as="font"
-        type="font/woff2"
-        crossorigin />
-    <link
-        rel="preload"
-        href="/fonts/inter/inter-v8-latin-regular.woff2"
-        as="font"
-        type="font/woff2"
-        crossorigin />
+    <link rel="preconnect" href="https://fonts.bunny.net">
+    <link href="https://fonts.bunny.net/css?family=fira-code:400|inter:400,500" rel="stylesheet" />
     <title><?php echo $this->print($title); ?></title>
 
     <style>
-        @import url(https://fonts.bunny.net/css?family=fira-code:400|inter:400);
-
         * {
             margin: 0;
             padding: 0;