feat: homepage font (#145)

* feat: new fonts file

* chore: apply geist

* chore: use relaway font for 'I want to learn'

* chore: config font geist

* feat(util): suffle array

* feat: add geist
This commit is contained in:
Aslam
2024-09-07 01:48:51 +07:00
committed by GitHub
parent e7bd9a9d42
commit 3fe1f8012b
7 changed files with 30 additions and 12 deletions

7
web/app/fonts.ts Normal file
View File

@@ -0,0 +1,7 @@
import { Raleway } from "next/font/google"
export { GeistSans } from "geist/font/sans"
export { GeistMono } from "geist/font/mono"
// import { Inter } from "next/font/google"
// export const inter = Inter({ subsets: ["latin"] })
export const raleway = Raleway({ subsets: ["latin"] })

View File

@@ -1,19 +1,13 @@
import type { Metadata } from "next"
import { Inter as FontSans } from "next/font/google"
import { cn } from "@/lib/utils"
import { ThemeProvider } from "@/lib/providers/theme-provider"
import "./globals.css"
import { ClerkProviderClient } from "@/components/custom/clerk/clerk-provider-client"
import { JotaiProvider } from "@/lib/providers/jotai-provider"
import { Toaster } from "@/components/ui/sonner"
import { ConfirmProvider } from "@/lib/providers/confirm-provider"
import { DeepLinkProvider } from "@/lib/providers/deep-link-provider"
const fontSans = FontSans({
subsets: ["latin"],
variable: "--font-sans"
})
import { GeistMono, GeistSans } from "./fonts"
export const metadata: Metadata = {
title: "Learn Anything",
@@ -29,7 +23,7 @@ export default function RootLayout({
<html lang="en" className="h-full w-full" suppressHydrationWarning>
<ClerkProviderClient>
<DeepLinkProvider>
<body className={cn("h-full w-full font-sans antialiased", fontSans.variable)}>
<body className={cn("h-full w-full font-sans antialiased", GeistSans.variable, GeistMono.variable)}>
<ThemeProvider attribute="class" defaultTheme="system" enableSystem>
<JotaiProvider>
<ConfirmProvider>