diff --git a/package.json b/package.json index 44ae838..64e5706 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,7 @@ "lint": "next lint" }, "dependencies": { + "@fontsource/ubuntu": "^5.1.0", "@hookform/resolvers": "^3.9.0", "@radix-ui/react-accordion": "^1.2.0", "@radix-ui/react-alert-dialog": "^1.1.1", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 6147192..4f5ab25 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -8,6 +8,9 @@ importers: .: dependencies: + '@fontsource/ubuntu': + specifier: ^5.1.0 + version: 5.1.0 '@hookform/resolvers': specifier: ^3.9.0 version: 3.9.0(react-hook-form@7.53.0(react@18.3.1)) @@ -200,6 +203,9 @@ packages: '@floating-ui/utils@0.2.8': resolution: {integrity: sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==} + '@fontsource/ubuntu@5.1.0': + resolution: {integrity: sha512-0XG/HrFsfP1q3phf4QN8IO7tetd0zOZKHZSHcTnBuVoQedoo1wS/hXxY2FMZuqoG+mVfrXh+Q614MDVmQPJq2w==} + '@hookform/resolvers@3.9.0': resolution: {integrity: sha512-bU0Gr4EepJ/EQsH/IwEzYLsT/PEj5C0ynLQ4m+GSHS+xKH4TfSelhluTgOaoc4kA5s7eCsQbM4wvZLzELmWzUg==} peerDependencies: @@ -1873,6 +1879,8 @@ snapshots: '@floating-ui/utils@0.2.8': {} + '@fontsource/ubuntu@5.1.0': {} + '@hookform/resolvers@3.9.0(react-hook-form@7.53.0(react@18.3.1))': dependencies: react-hook-form: 7.53.0(react@18.3.1) diff --git a/src/app/globals.css b/src/app/globals.css index e44d83e..1a57342 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -3,7 +3,7 @@ @tailwind utilities; body { - font-family: Arial, Helvetica, sans-serif; + font-family: 'Ubuntu', sans-serif; } @layer utilities { diff --git a/src/app/layout.tsx b/src/app/layout.tsx index a36cde0..ba7b082 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,17 +1,8 @@ import type { Metadata } from "next"; -import localFont from "next/font/local"; +import '@fontsource/ubuntu/400.css'; +import '@fontsource/ubuntu/500.css'; import "./globals.css"; -const geistSans = localFont({ - src: "./fonts/GeistVF.woff", - variable: "--font-geist-sans", - weight: "100 900", -}); -const geistMono = localFont({ - src: "./fonts/GeistMonoVF.woff", - variable: "--font-geist-mono", - weight: "100 900", -}); export const metadata: Metadata = { title: "Create Next App", @@ -26,7 +17,7 @@ export default function RootLayout({ return ( {children}