feat: add onest from next font

figueroaignacio · figueroaignacio · commit cff73b165ee3 · 2024-12-26T22:51:39.000-03:00
diff --git a/apps/web/app/[locale]/(lobby)/layout.tsx b/apps/web/app/[locale]/(lobby)/layout.tsx
@@ -2,9 +2,6 @@
 import { Footer } from "@/modules/landing/ui/footer";
 import { Header } from "@/modules/landing/ui/header";
 
-// Font
-import "@fontsource-variable/onest";
-
 // Styles
 import "@/styles/globals.css";
 
diff --git a/apps/web/app/[locale]/layout.tsx b/apps/web/app/[locale]/layout.tsx
@@ -15,7 +15,7 @@ import {
 } from "next-intl/server";
 
 // Font
-import "@fontsource-variable/onest";
+import { onest } from "@/lib/fonts";
 
 // Styles
 import "@/styles/globals.css";
@@ -66,7 +66,7 @@ export default async function RootLayout({ children, params }: LayoutProps) {
 
   return (
     <html lang={locale} suppressHydrationWarning>
-      <body>
+      <body className={onest.className}>
         <NextTopLoader color="#7e22ce" showSpinner={false} />
         <NextIntlClientProvider messages={messages}>
           <ThemeProvider
diff --git a/apps/web/lib/fonts.ts b/apps/web/lib/fonts.ts
@@ -0,0 +1,8 @@
+import { Onest } from "next/font/google";
+
+export const onest = Onest({
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
+  subsets: ["latin"],
+  display: "swap",
+  style: ["normal"],
+});
diff --git a/apps/web/package.json b/apps/web/package.json
@@ -10,7 +10,6 @@
   },
   "dependencies": {
     "@auth/pg-adapter": "^1.7.4",
-    "@fontsource-variable/onest": "^5.1.0",
     "@hookform/resolvers": "^3.9.1",
     "@neondatabase/serverless": "^0.10.4",
     "@radix-ui/react-accordion": "^1.2.1",
diff --git a/apps/web/styles/globals.css b/apps/web/styles/globals.css
@@ -71,7 +71,6 @@
   }
   body {
     @apply bg-background text-foreground;
-    font-family: "Onest Variable", sans-serif;
   }
 
   button {

Original file line number	Diff line number	Diff line change
`@@ -71,7 +71,6 @@`
`71`	`71`	`}`
`72`	`72`	`body {`
`73`	`73`	`@apply bg-background text-foreground;`
`74`		`- font-family: "Onest Variable", sans-serif;`
`75`	`74`	`}`
`76`	`75`
`77`	`76`	`button {`