add: font

2026-07-14 11:16:13 +02:00 · 2026-02-10 15:29:20 +01:00
parent 921a355ae0
commit 0a2ca8c0b6
19 changed files with 34 additions and 6 deletions
@@ -6,8 +6,11 @@
@theme inline {
    --color-background: var(--background);
    --color-foreground: var(--foreground);
-    --font-sans: var(--font-geist-sans);
+    --font-sans: var(--font-poppins), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-title: var(--font-poppins), var(--font-poppins), sans-serif;
    --font-mono: var(--font-geist-mono);
    --font-author: var(--font-author);
    --font-poppins: var(--font-poppins);
    --color-sidebar-ring: var(--sidebar-ring);
    --color-sidebar-border: var(--sidebar-border);
    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
@@ -137,6 +140,9 @@
        @apply border-border outline-ring/50;
    }
    body {
-        @apply bg-background text-foreground;
+        @apply bg-background text-foreground font-sans;
    }
    h1, h2, h3, h4, h5, h6 {
        @apply font-title;
    }
 }
@@ -4,7 +4,7 @@ import "./globals.css";
 import {Providers} from "./providers";
 import {cn} from "@/lib/utils";
 import {ConsoleSilencer} from "@/components/wrappers/common/console-silencer";
-import {inter} from "@/fonts/fonts";
+import {author, geistMono, poppins} from "@/fonts/fonts";
 const title = process.env.PROJECT_NAME ?? "App Title";
@@ -27,7 +27,7 @@ export default async function RootLayout({
        <head>
            <meta name="apple-mobile-web-app-title" content={title}/>
        </head>
-        <body className={cn(inter.className, "h-full")}>
+        <body className={cn(poppins.variable, author.variable, geistMono.variable, "font-sans h-full")}>
        <ConsoleSilencer/>
        <Providers>
            {children}
@@ -1,5 +1,27 @@
-import {Inter} from "next/font/google";
+import {Poppins} from "next/font/google";
 import localFont from "next/font/local";
 export const poppins = Poppins({
    subsets: ["latin"],
    weight: ["400", "500", "600", "700"],
    variable: "--font-poppins",
 });
 export const author = localFont({
    src: [
        {
            path: "./author/Author-Variable.ttf",
            style: "normal",
        },
        {
            path: "./author/Author-VariableItalic.ttf",
            style: "italic",
        },
    ],
    variable: "--font-author",
 });
-export const inter = Inter({subsets: ["latin"]});
+export const geistMono = localFont({
    src: "./geist/GeistMonoVF.woff",
    variable: "--font-geist-mono",
 });