fix fonts back

ewgenius · ewgenius · commit 0a899e26a76a · 2023-01-26T22:20:56.000+04:00
diff --git a/apps/example/app/custom/layout.tsx b/apps/example/app/custom/layout.tsx
@@ -1,9 +1,8 @@
-import { JetBrains_Mono } from "@next/font/google";
+import { Inter } from "@next/font/google";
 
-const mono = JetBrains_Mono({
+const font = Inter({
   subsets: ["latin"],
-  variable: "--font-mono",
-  weight: ["400"],
+  variable: "--font-sans",
 });
 
 export default function RootLayout({
@@ -14,7 +13,7 @@ export default function RootLayout({
   return (
     <html lang="en" className="theme-light">
       <head />
-      <body className={`${mono.variable} font-mono`}>{children}</body>
+      <body className={`${font.variable} font-sans`}>{children}</body>
     </html>
   );
 }
diff --git a/apps/example/app/radix-colors/layout.tsx b/apps/example/app/radix-colors/layout.tsx
@@ -1,9 +1,8 @@
-import { JetBrains_Mono } from "@next/font/google";
+import { Inter } from "@next/font/google";
 
-const mono = JetBrains_Mono({
+const font = Inter({
   subsets: ["latin"],
-  variable: "--font-mono",
-  weight: ["400"],
+  variable: "--font-sans",
 });
 
 export default function RootLayout({
@@ -14,7 +13,7 @@ export default function RootLayout({
   return (
     <html lang="en" className="theme-gray-light">
       <head />
-      <body className={`${mono.variable} font-mono`}>{children}</body>
+      <body className={`${font.variable} font-sans`}>{children}</body>
     </html>
   );
 }
diff --git a/apps/example/app/tailwind-colors/layout.tsx b/apps/example/app/tailwind-colors/layout.tsx
@@ -1,9 +1,8 @@
-import { JetBrains_Mono } from "@next/font/google";
+import { Inter } from "@next/font/google";
 
-const mono = JetBrains_Mono({
+const font = Inter({
   subsets: ["latin"],
-  variable: "--font-mono",
-  weight: ["400"],
+  variable: "--font-sans",
 });
 
 export default function RootLayout({
@@ -14,7 +13,7 @@ export default function RootLayout({
   return (
     <html lang="en" className="theme-gray-light">
       <head />
-      <body className={`${mono.variable} font-mono`}>{children}</body>
+      <body className={`${font.variable} font-sans`}>{children}</body>
     </html>
   );
 }
diff --git a/apps/example/tailwind-custom.config.js b/apps/example/tailwind-custom.config.js
@@ -11,7 +11,7 @@ module.exports = {
   theme: {
     extend: {
       fontFamily: {
-        mono: ["var(--font-mono)", ...fontFamily.mono],
+        sans: ["var(--font-inter)", ...fontFamily.sans],
       },
     },
   },
diff --git a/apps/example/tailwind-radix.config.js b/apps/example/tailwind-radix.config.js
@@ -8,7 +8,7 @@ module.exports = {
   theme: {
     extend: {
       fontFamily: {
-        mono: ["var(--font-mono)", ...fontFamily.mono],
+        sans: ["var(--font-inter)", ...fontFamily.sans],
       },
     },
   },
diff --git a/apps/example/tailwind-tailwind.config.js b/apps/example/tailwind-tailwind.config.js
@@ -8,7 +8,7 @@ module.exports = {
   theme: {
     extend: {
       fontFamily: {
-        mono: ["var(--font-mono)", ...fontFamily.mono],
+        sans: ["var(--font-inter)", ...fontFamily.sans],
       },
     },
   },
