diff --git a/docs/app/app.vue b/docs/app/app.vue
index 97bec6ce..504dffe0 100644
--- a/docs/app/app.vue
+++ b/docs/app/app.vue
@@ -97,4 +97,8 @@ provide('files', files)
 @import "@nuxt/ui-pro";
 
 @source "../content/**/*.md";
+
+@theme {
+  --font-family-sans: 'Inter', sans-serif;
+}
 </style>
diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts
index ca836fbf..baacfacd 100644
--- a/docs/nuxt.config.ts
+++ b/docs/nuxt.config.ts
@@ -45,6 +45,13 @@ export default defineNuxtConfig({
     }]
   },
 
+  fonts: {
+    experimental: {
+      // Required for TailwindCSS v4. You can enable support for processing CSS variables for font family names. This may have a performance impact.
+      processCSSVariables: true
+    }
+  },
+
   content: {
     // sources: {
     //   pro: process.env.NUXT_UI_PRO_PATH