feat: use Inter and JetBrains Mono fonts

Author: mehalter

astro.config.mjs

@@ -134,6 +134,9 @@ export default defineConfig({
         plugins: [pluginCollapsibleSections()],
       },
       customCss: [
+        // Fonts
+        "@fontsource-variable/inter",
+        "@fontsource-variable/jetbrains-mono",
         // Path to your Tailwind base styles:
         "./src/tailwind.css",
       ],

package.json

@@ -17,6 +17,8 @@
     "@astrojs/starlight-tailwind": "^2.0.3",
     "@astrojs/tailwind": "^5.1.2",
     "@expressive-code/plugin-collapsible-sections": "^0.35.3",
+    "@fontsource-variable/inter": "^5.1.1",
+    "@fontsource-variable/jetbrains-mono": "^5.1.2",
     "astro": "^4.16.6",
     "sharp": "^0.33.4",
     "starlight-image-zoom": "^0.1.0",

pnpm-lock.yaml

@@ -4,6 +4,8 @@
 
 /* Dark mode colors. */
 :root {
+  --sl-font: "Inter Variable", sans-serif;
+  --sl-font-mono: "JetBrains Mono Variable", monospace;
   --sl-color-accent-low: #1a1d23;
   --sl-color-accent: #d597e8;
   --sl-color-accent-high: #76b6ef;