app/layouts/LayoutDefault.tsx

@@ -80,7 +80,7 @@ export default function DefaultLayout({ children }: { children: React.ReactNode
 
   return (
     <ThemeProvider>
-      <div className="flex w-full flex-col">
+      <div className="flex w-full flex-col font-sans">
         <Header />
 
         {isHomePage && <Hero />}

app/vite.config.ts

@@ -13,7 +13,20 @@ export default defineConfig({
     }),
     Unfonts({
       fontsource: {
-        families: ["Inter Variable", "Lexend Variable"],
+        families: [
+          {
+            name: "Lexend Variable",
+            weights: [400],
+            styles: ["normal"],
+            subset: "latin",
+          },
+          {
+            name: "Inter Variable",
+            weights: [400, 500, 600, 700],
+            styles: ["normal"],
+            subset: "latin",
+          },
+        ],
       },
     }),
     vike({}),