fix: font type (#39)

Author: swarna1101

.vitepress/config.mts

@@ -80,41 +80,6 @@ export default defineConfig({
     ["meta", { property: "og:image:type", content: "image/png" }],
   ],
 
-  transformHead: (cfg) => {
-    const abcDiaBold = cfg.assets.find(() => /ABCDiatype-Bold\.\w+\.woff2/);
-    const abcDiaLight = cfg.assets.find(() => /ABCDiatype-Light\.\w+\.woff2/);
-
-    if (abcDiaBold) {
-      cfg.head.push(
-        [
-          'link',
-          {
-            rel: 'preload',
-            href: abcDiaBold,
-            as: 'font',
-            type: 'font/woff2',
-            crossorigin: ''
-          }
-        ]
-      );
-    }
-
-    if (abcDiaLight) {
-      cfg.head.push(
-        [
-          'link',
-          {
-            rel: 'preload',
-            href: abcDiaLight,
-            as: 'font',
-            type: 'font/woff2',
-            crossorigin: ''
-          }
-        ]
-      );
-    }
-  },
-
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
     nav: nav(),

.vitepress/theme/fonts.css

@@ -1,17 +1,10 @@
-@font-face {
-  font-family: 'ABC Diatype';
-  font-weight: bold;
-  src: url('/fonts/ABCDiatype-Bold.woff2') format("font-woff2");
-}
+@import '@fontsource-variable/geist/index.css';
 
-@font-face {
-  font-family: 'ABC Diatype';
-  src: url('/fonts/ABCDiatype-Light.woff2') format("font-woff2");
+:root {
+  --vp-font-family-base: 'Geist Variable', ui-sans-serif, system-ui, sans-serif;
+  --vp-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
 }
 
-:root {
-  --vp-font-family-base: 'ABC Diatype', ui-sans-serif, system-ui, sans-serif;
-  /* normal text font */
-  --vp-font-family-mono: 'ABC Diatype', monospace;
-  /* code font */
+:where(h1, h2, h3, h4, h5, h6, .VPHero .name, .VPHero .text) {
+  font-family: 'ABC Diatype', 'Geist Variable', ui-sans-serif, system-ui, sans-serif;
 }