From 3ac0bc043cec6611fa9b2adf07fadf57bc9d2a43 Mon Sep 17 00:00:00 2001 From: SivaramPg Date: Sat, 21 Dec 2024 09:41:16 +0530 Subject: [PATCH] feat: Update font configuration to use Chivo and Chivo Mono; adjust global styles --- src/app/globals.css | 3 ++- src/app/layout.tsx | 17 +++++++++++++---- tailwind.config.mjs | 3 ++- 3 files changed, 17 insertions(+), 6 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index e26c8d9..309ea0f 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -11,6 +11,7 @@ html .shiki { @apply !overflow-x-auto; background: #d4d4d411 !important; @apply !p-2 sm:!p-4 md:!p-6; - @apply !text-sm sm:!text-base md:!text-lg; + @apply !text-sm sm:!text-base; + @apply !font-mono; /* @apply !text-wrap; */ } \ No newline at end of file diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 1af1ba6..1e5dc68 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,7 +1,7 @@ import "./globals.css" import type { Metadata } from "next" -import { Inter } from "next/font/google" +import { Chivo, Chivo_Mono } from "next/font/google" import Image from "next/image" import QuickLinks from "@/components/QuickLinks" @@ -12,13 +12,22 @@ import { AllSystemsNormal } from "./_components/all-systems-normal" import NewNavbar from "./_components/new-navbar" import { Providers } from "./providers" -const syne = Inter({ +const chivo = Chivo({ subsets: ["latin"], display: "swap", preload: true, style: "normal", weight: ["400", "500", "600", "700", "800"], - variable: "--font-syne", + variable: "--font-chivo", +}) + +const chivoMono = Chivo_Mono({ + subsets: ["latin"], + display: "swap", + preload: true, + style: "normal", + weight: ["400", "500", "600", "700", "800"], + variable: "--font-chivo-mono", }) export const metadata: Metadata = { @@ -71,7 +80,7 @@ export default function RootLayout({ return (