fix: use complete JetbrainsMono rather than google fonts so ascii works properly

This commit is contained in:
DuroCodes
2025-07-29 17:11:35 -04:00
parent 7a486809f3
commit df279436aa
6 changed files with 36 additions and 8 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@@ -1,6 +1,38 @@
@import "tailwindcss"; @import "tailwindcss";
@import "tw-animate-css"; @import "tw-animate-css";
@font-face {
font-family: "JetBrains Mono";
src: url("/fonts/JetBrainsMono-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "JetBrains Mono";
src: url("/fonts/JetBrainsMono-Italic.woff2") format("woff2");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "JetBrains Mono";
src: url("/fonts/JetBrainsMono-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "JetBrains Mono";
src: url("/fonts/JetBrainsMono-BoldItalic.woff2") format("woff2");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@custom-variant dark (&:is(.dark *)); @custom-variant dark (&:is(.dark *));
@theme inline { @theme inline {
@@ -42,7 +74,9 @@
} }
* { * {
font-family: var(--font-jetbrains-mono); font-family: "JetBrains Mono", "SF Mono", "Monaco", "Inconsolata", "Fira Code",
"Fira Mono", "Droid Sans Mono", "Source Code Pro", "Consolas",
"DejaVu Sans Mono", monospace;
font-feature-settings: "cv11", "cv13"; font-feature-settings: "cv11", "cv13";
} }

View File

@@ -1,14 +1,8 @@
import type { Metadata, Viewport } from "next"; import type { Metadata, Viewport } from "next";
import { JetBrains_Mono } from "next/font/google";
import { Analytics } from "@vercel/analytics/next"; import { Analytics } from "@vercel/analytics/next";
import { Toaster } from "~/components/ui/sonner"; import { Toaster } from "~/components/ui/sonner";
import "./globals.css"; import "./globals.css";
const jetBrainsMono = JetBrains_Mono({
variable: "--font-jetbrains-mono",
subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "spongebin", title: "spongebin",
description: "a pastebin made with sponge", description: "a pastebin made with sponge",
@@ -27,7 +21,7 @@ export default function RootLayout({
}>) { }>) {
return ( return (
<html lang="en"> <html lang="en">
<body className={`${jetBrainsMono.variable} antialiased min-h-screen`}> <body className="antialiased min-h-screen">
{children} {children}
<Toaster /> <Toaster />
<Analytics /> <Analytics />