From f498aa37acda10dfecb6b471e987be8e871dc062 Mon Sep 17 00:00:00 2001 From: Derock Date: Wed, 3 Jan 2024 22:41:02 -0500 Subject: [PATCH] feat: new font --- src/app/layout.tsx | 7 ++++--- tailwind.config.ts | 15 +++++++++------ 2 files changed, 13 insertions(+), 9 deletions(-) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 97f5da3..b3cc562 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,15 +1,16 @@ import "~/styles/globals.css"; -import { Inter } from "next/font/google"; +import { Outfit } from "next/font/google"; import { cookies } from "next/headers"; import { ThemeProvider } from "~/components/contexts/ThemeProvider"; import { ToastProvider } from "~/components/contexts/ToastProvider"; import { TRPCReactProvider } from "~/trpc/react"; import Footer from "./_footer/Footer"; -const inter = Inter({ +const outfit = Outfit({ subsets: ["latin"], variable: "--font-sans", + weight: ["100", "300", "400", "500", "700", "900"], }); export const metadata = { @@ -26,7 +27,7 @@ export default function RootLayout({ return ( diff --git a/tailwind.config.ts b/tailwind.config.ts index 0377ea1..3b551bc 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -2,11 +2,11 @@ module.exports = { darkMode: ["class"], content: [ - './pages/**/*.{ts,tsx}', - './components/**/*.{ts,tsx}', - './app/**/*.{ts,tsx}', - './src/**/*.{ts,tsx}', - ], + "./pages/**/*.{ts,tsx}", + "./components/**/*.{ts,tsx}", + "./app/**/*.{ts,tsx}", + "./src/**/*.{ts,tsx}", + ], theme: { container: { center: true, @@ -16,6 +16,9 @@ module.exports = { }, }, extend: { + fontFamily: { + sans: ["var(--font-sans)", "Segoe UI", "sans-serif"], + }, colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", @@ -73,4 +76,4 @@ module.exports = { }, }, plugins: [require("tailwindcss-animate")], -} \ No newline at end of file +};