update fonts for better readability, removed satoshi font (#249)

Author: vihar

docs/.vitepress/config.mts

@@ -92,6 +92,16 @@ export default withMermaid(
 
     head: [
       ["link", { rel: "icon", href: "/logo/favicon-32x32.png" }],
+      [
+        "link",
+        {
+          rel: "preload",
+          href: "/fonts/Inter/InterVariable.woff2",
+          as: "font",
+          type: "font/woff2",
+          crossorigin: "",
+        },
+      ],
 
       // Google Analytics with Consent Mode v2
       ["script", { async: "", src: "https://www.googletagmanager.com/gtag/js?id=G-JF828SKW90" }],

docs/.vitepress/theme/style.css

@@ -93,45 +93,13 @@
 }
 
 /* ================================================
-   SATOSHI FONT
+   INTER VARIABLE FONT
    ================================================ */
 
 @font-face {
-  font-family: "Satoshi";
-  src:
-    url("/fonts/Satoshi/Satoshi-Light.woff2") format("woff2"),
-    url("/fonts/Satoshi/Satoshi-Light.woff") format("woff");
-  font-weight: 300;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Satoshi";
-  src:
-    url("/fonts/Satoshi/Satoshi-Regular.woff2") format("woff2"),
-    url("/fonts/Satoshi/Satoshi-Regular.woff") format("woff");
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Satoshi";
-  src:
-    url("/fonts/Satoshi/Satoshi-Medium.woff2") format("woff2"),
-    url("/fonts/Satoshi/Satoshi-Medium.woff") format("woff");
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Satoshi";
-  src:
-    url("/fonts/Satoshi/Satoshi-Bold.woff2") format("woff2"),
-    url("/fonts/Satoshi/Satoshi-Bold.woff") format("woff");
-  font-weight: 700;
+  font-family: "Inter";
+  src: url("/fonts/Inter/InterVariable.woff2") format("woff2");
+  font-weight: 100 900;
   font-style: normal;
   font-display: swap;
 }
@@ -187,12 +155,44 @@
 
   /* Fonts */
   --vp-font-family-base:
-    "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
   --vp-font-family-mono:
     "IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
     monospace;
 }
 
+/* Font rendering optimizations */
+body {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+  font-feature-settings:
+    "cv01" on,
+    "cv02" on,
+    "zero" on;
+}
+
+/* Typography tuning for Inter readability */
+.vp-doc {
+  line-height: 1.7;
+  letter-spacing: -0.011em;
+}
+
+.vp-doc h1 {
+  letter-spacing: -0.022em;
+  line-height: 1.2;
+}
+
+.vp-doc h2 {
+  letter-spacing: -0.017em;
+  line-height: 1.3;
+}
+
+.vp-doc h3 {
+  letter-spacing: -0.014em;
+  line-height: 1.4;
+}
+
 /* Dark mode */
 .dark {
   --vp-c-bg: #0a0a0a;
@@ -299,7 +299,7 @@
   font-weight: 700;
   padding: 5px 12px;
   border-radius: 6px;
-  font-family: ui-monospace, SFMono-Regular, monospace;
+  font-family: var(--vp-font-family-mono);
   text-transform: uppercase;
 }
 
@@ -346,7 +346,7 @@
 }
 
 .api-endpoint-badge .path {
-  font-family: ui-monospace, SFMono-Regular, monospace;
+  font-family: var(--vp-font-family-mono);
   font-size: 14px;
   color: #6b7280;
 }