3dtours/make-comics
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Switch display font from Atma to Bangers and update related imports and

Browse Source
This commit is contained in:
Riccardo Giorato
2025-12-28 13:13:52 +01:00
parent 0b65e78ea3
commit 6b19743950
6 changed files with 91 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/globals.css
+2 -2
View File
@@ -48,7 +48,7 @@
@theme inline {
/* Adding tight tracking to Inter font for consistency */
--font-sans: "Inter", sans-serif;
--font-display: "Atma", cursive;
--font-display: "Bangers", cursive;
--font-heading: "Instrument Serif", serif;
--color-background: var(--background);
--color-foreground: var(--foreground);
@@ -149,7 +149,7 @@
}
.font-display {
font-family: "Atma", cursive;
font-family: "Bangers", cursive;
}
/* Smooth fade-in animation */
app/layout.tsx
+5 -5
View File
@@ -1,16 +1,16 @@
import type React from "react";
import type { Metadata } from "next";
import { Inter, Atma, Space_Grotesk, Instrument_Serif } from "next/font/google";
import { Inter, Bangers, Space_Grotesk, Instrument_Serif } from "next/font/google";
import { Analytics } from "@vercel/analytics/next";
import { Toaster } from "@/components/ui/toaster";
import { ClerkProvider } from "@clerk/nextjs";
import "./globals.css";
const inter = Inter({ subsets: ["latin"], variable: "--font-inter" });
const atma = Atma({
weight: ["400", "500", "600", "700"],
const bangers = Bangers({
weight: "400",
subsets: ["latin"],
variable: "--font-atma",
variable: "--font-bangers",
});
const spaceGrotesk = Space_Grotesk({
subsets: ["latin"],
@@ -37,7 +37,7 @@ export default function RootLayout({
<ClerkProvider>
<html
lang="en"
className={`${inter.variable} ${atma.variable} ${spaceGrotesk.variable} ${instrumentSerif.variable}`}
className={`${inter.variable} ${bangers.variable} ${spaceGrotesk.variable} ${instrumentSerif.variable}`}
>
<body className="font-sans antialiased">
{children}