feat: add geist font

adrian-ub · Aug 1, 2024 · 7ff4014 · 7ff4014
1 parent c6804a2
commit 7ff4014
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 1 deletion.
diff --git a/apps/www/astro.config.mjs b/apps/www/astro.config.mjs
@@ -52,6 +52,10 @@ export default defineConfig({
               label: "CLI",
               slug: "docs/cli",
             },
+            {
+              label: "Typography",
+              slug: "docs/components/typography",
+            },
           ],
         },
         {
@@ -61,7 +65,7 @@ export default defineConfig({
           },
         },
       ],
-      customCss: ["./src/tailwind.css"],
+      customCss: ["./src/fonts/font-face.css", "./src/tailwind.css"],
       components: {
         Header: "./src/components/starlight/header/Header.astro",
         SiteTitle: "./src/components/starlight/SiteTitle.astro",

diff --git a/apps/www/src/fonts/GeistVariableVF.woff2 b/apps/www/src/fonts/GeistVariableVF.woff2
diff --git a/apps/www/src/fonts/font-face.css b/apps/www/src/fonts/font-face.css
@@ -0,0 +1,5 @@
+@font-face {
+  font-family: "Geist Sans Variable";
+  src: url("./GeistVariableVF.woff2") format("woff2");
+  font-display: swap;
+}
diff --git a/apps/www/tailwind.config.mjs b/apps/www/tailwind.config.mjs
@@ -1,5 +1,6 @@
 import colors from "tailwindcss/colors";
 import starlightPlugin from "@astrojs/starlight-tailwind";
+import { fontFamily } from "tailwindcss/defaultTheme";
 
 /** @type {import('tailwindcss').Config} */
 export default {
@@ -72,6 +73,9 @@ export default {
         "accordion-down": "accordion-down 0.2s ease-out",
         "accordion-up": "accordion-up 0.2s ease-out",
       },
+      fontFamily: {
+        sans: ["Geist Sans Variable", ...fontFamily.sans],
+      },
     },
   },
   corePlugins: {