feat: added logic for loading fonts

Author: coderdiaz

astro.config.mjs

@@ -18,8 +18,35 @@ export default defineConfig({
   vite: {
     plugins: [tailwindcss()],
   },
-  integrations: [react(), sitemap(), mdx({
-    optimize: true,
-    syntaxHighlight: 'shiki',
-  })],
-});
+  integrations: [
+    react(),
+    sitemap(),
+    mdx({
+      optimize: true,
+      syntaxHighlight: 'shiki',
+    }),
+  ],
+  experimental: {
+    fonts: [
+      {
+        name: 'Inter',
+        cssVariable: '--font-inter',
+        provider: 'local',
+        variants: [
+          { src: ['./src/assets/fonts/Inter-Regular.woff2'], weight: 400 },
+          { src: ['./src/assets/fonts/Inter-Medium.woff2'], weight: 500 },
+          { src: ['./src/assets/fonts/Inter-SemiBold.woff2'], weight: 600 },
+          { src: ['./src/assets/fonts/Inter-Bold.woff2'], weight: 700 },
+          { src: ['./src/assets/fonts/Inter-ExtraBold.woff2'], weight: 800 },
+          { src: ['./src/assets/fonts/InterVariable.woff2'] },
+        ],
+      },
+      {
+        name: 'InterVariable',
+        cssVariable: '--font-inter-variable',
+        provider: 'local',
+        variants: [{ src: ['./src/assets/fonts/InterVariable.woff2'] }],
+      },
+    ],
+  },
+});