diff --git a/public/fonts/JetBrainsMono-Bold.woff2 b/public/fonts/JetBrainsMono-Bold.woff2
new file mode 100644
index 0000000..4917f43
Binary files /dev/null and b/public/fonts/JetBrainsMono-Bold.woff2 differ
diff --git a/public/fonts/JetBrainsMono-BoldItalic.woff2 b/public/fonts/JetBrainsMono-BoldItalic.woff2
new file mode 100644
index 0000000..536d3f7
Binary files /dev/null and b/public/fonts/JetBrainsMono-BoldItalic.woff2 differ
diff --git a/public/fonts/JetBrainsMono-Italic.woff2 b/public/fonts/JetBrainsMono-Italic.woff2
new file mode 100644
index 0000000..d60c270
Binary files /dev/null and b/public/fonts/JetBrainsMono-Italic.woff2 differ
diff --git a/public/fonts/JetBrainsMono-Regular.woff2 b/public/fonts/JetBrainsMono-Regular.woff2
new file mode 100644
index 0000000..40da427
Binary files /dev/null and b/public/fonts/JetBrainsMono-Regular.woff2 differ
diff --git a/src/app/globals.css b/src/app/globals.css
index dcd764c..46e9d8e 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,6 +1,38 @@
@import "tailwindcss";
@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 *));
@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";
}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index f6c5d1f..3d88233 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,14 +1,8 @@
import type { Metadata, Viewport } from "next";
-import { JetBrains_Mono } from "next/font/google";
import { Analytics } from "@vercel/analytics/next";
import { Toaster } from "~/components/ui/sonner";
import "./globals.css";
-const jetBrainsMono = JetBrains_Mono({
- variable: "--font-jetbrains-mono",
- subsets: ["latin"],
-});
-
export const metadata: Metadata = {
title: "spongebin",
description: "a pastebin made with sponge",
@@ -27,7 +21,7 @@ export default function RootLayout({
}>) {
return (
-
+
{children}