diff --git a/package-lock.json b/package-lock.json index bb87172..d98f839 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4690,15 +4690,16 @@ } }, "node_modules/nanoid": { - "version": "3.3.7", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", - "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==", + "version": "3.3.8", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz", + "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==", "funding": [ { "type": "github", "url": "https://github.com/sponsors/ai" } ], + "license": "MIT", "bin": { "nanoid": "bin/nanoid.cjs" }, diff --git a/src/app/fonts/sofia-pro.woff2 b/src/app/fonts/sofia-pro.woff2 new file mode 100644 index 0000000..b99a161 Binary files /dev/null and b/src/app/fonts/sofia-pro.woff2 differ diff --git a/src/app/globals.css b/src/app/globals.css index 6c68a8c..630467d 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -5,16 +5,20 @@ :root { --background: #ffffff; --foreground: #171717; + --font-sofia-pro: "Sofia Pro", sans-serif; } body { color: var(--foreground); background: var(--background); - font-family: Arial, Helvetica, sans-serif; + font-family: var(--font-sofia-pro); } @layer utilities { .text-balance { text-wrap: balance; } + .font-primary { + font-family: var(--font-sofia-pro); + } } diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 0b8f0e9..e49fa94 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -3,15 +3,10 @@ import localFont from "next/font/local"; import "./globals.css"; import AuthProvider from "./context/AuthProvider"; -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", +const sofiaPro = localFont({ + src: "./fonts/sofia-pro.woff2", + variable: "--font-sofia-pro", + weight: "400", }); export const metadata: Metadata = { @@ -26,9 +21,7 @@ export default function RootLayout({ }>) { return ( - + {children} diff --git a/tailwind.config.ts b/tailwind.config.ts index 3913c1b..8911d98 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -11,12 +11,15 @@ const config: Config = { colors: { background: "var(--background)", foreground: "var(--foreground)", - 'darkrose': "#9A0F28", - 'rose': "#FFF0F1", - 'gray/500': '#667085', - 'icon-color': "#667085", + darkrose: "#9A0F28", + rose: "#FFF0F1", + "gray/500": "#667085", + "icon-color": "#667085", }, }, + fontFamily: { + sofiaPro: ["var(--Sofia Pro)", "sans-serif"], + }, }, plugins: [], };