style: roboto font

asmyshlyaev177 · Jul 17, 2024 · 55289ba · 55289ba
1 parent fcf9746
commit 55289ba
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 12 deletions.
diff --git a/packages/example-nextjs/src/app/layout.tsx b/packages/example-nextjs/src/app/layout.tsx
@@ -1,15 +1,12 @@
-import './globals.css';
-import type { Metadata } from 'next';
-import { Inter } from 'next/font/google';
 import { Analytics } from '@vercel/analytics/react';
-const inter = Inter({ subsets: ['latin'] });
+import { Roboto } from 'next/font/google';
 
-export const metadata: Metadata = {
-  title: 'state-in-url',
-  description:
-    // eslint-disable-next-line max-len
-    'Demo page that demostrates communication between client components in Next.js',
-};
+import './globals.css';
+const roboto = Roboto({
+  subsets: ['latin'],
+  weight: '400',
+  variable: '--font-roboto',
+});
 
 const isDev = process.env.NODE_ENV === 'development';
 
@@ -20,7 +17,7 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
-      <body className={inter.className}>{children}</body>
+      <body className={roboto.className}>{children}</body>
       {isDev ? null : <Analytics />}
     </html>
   );

diff --git a/packages/example-nextjs/tailwind.config.ts b/packages/example-nextjs/tailwind.config.ts
@@ -7,7 +7,13 @@ const config: Config = {
     './src/components/**/*.{js,ts,jsx,tsx,mdx}',
     './src/app/**/*.{js,ts,jsx,tsx,mdx}',
   ],
-  // theme: { colors: { ...colors } },
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ['var(--font-roboto)'],
+      },
+    },
+  },
   plugins: [],
 };
 export default config;