fonts tailwind config

th3f0r3ign3r · Sep 2, 2023 · 830392a · 830392a
1 parent 53d247f
commit 830392a
Show file tree

Hide file tree

Showing 3 changed files with 126 additions and 2 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -36,8 +36,8 @@ export default function RootLayout({ children }: PropsWithChildren) {
       lang="en"
       className={clsx(
         "h-full scroll-smooth antialiased",
-        inter.className,
-        lexend.className
+        inter.variable,
+        lexend.variable
       )}
       suppressHydrationWarning
     >

diff --git a/package-lock.json b/package-lock.json
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -56,6 +56,10 @@ const config: Config = {
         md: "calc(var(--radius) - 2px)",
         sm: "calc(var(--radius) - 4px)",
       },
+      fontFamily: {
+        sans: "var(--font-inter)",
+        display: "var(--font-lexend)",
+      },
       keyframes: {
         "accordion-down": {
           from: { height: "0" },