diff --git a/docs/.vuepress/styles/index.scss b/docs/.vuepress/styles/index.scss
index e714b5006c6..a65b9e6e5aa 100644
--- a/docs/.vuepress/styles/index.scss
+++ b/docs/.vuepress/styles/index.scss
@@ -26,6 +26,12 @@
   font-display: swap;
 }
 
+@font-face {
+  font-family: 'Futura';
+  src: url('https://static.subquery.network/design/fonts/Futura-Medium.ttf') format('truetype');
+  font-display: swap;
+}
+
 .video_container {
   margin: 0;
   position: relative;
diff --git a/docs/.vuepress/styles/palette.scss b/docs/.vuepress/styles/palette.scss
index d856e57bec8..5b5edd033ca 100644
--- a/docs/.vuepress/styles/palette.scss
+++ b/docs/.vuepress/styles/palette.scss
@@ -11,5 +11,5 @@ $navbar-height: 80px;
 $navbar-horizontal-padding: 24px;
 $navbar-vertical-padding: 16px;
 
-$font-family: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif';
-$font-family-heading: "Futura";
+$font-family: 'Inter', Arial, sans-serif;
+$font-family-heading: 'Futura', Arial, sans-serif;