diff --git a/app/globals.css b/app/globals.css
index 674f2e7..e32e87c 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -18,8 +18,8 @@
 }
 
 @theme inline {
-  --font-sans: "Syne", "Inter", "Inter Fallback";
-  --font-mono: "JetBrains Mono", "JetBrains Mono Fallback";
+  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --color-sidebar-ring: var(--sidebar-ring);
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
diff --git a/app/layout.tsx b/app/layout.tsx
index 4025eb8..b78a74a 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,21 +1,9 @@
 import { Analytics } from "@vercel/analytics/next"
 import type { Metadata, Viewport } from "next"
-import { JetBrains_Mono, Syne } from "next/font/google"
 import "./globals.css"
 import { THEME_INIT_SCRIPT } from "@/lib/theme"
 import { absoluteUrl, siteConfig } from "@/lib/site"
 
-const _syne = Syne({
-  subsets: ["latin"],
-  weight: ["400", "500", "600", "700", "800"],
-  variable: "--font-sans",
-})
-const _jetbrainsMono = JetBrains_Mono({
-  subsets: ["latin"],
-  weight: ["400", "500", "700"],
-  variable: "--font-mono",
-})
-
 export const metadata: Metadata = {
   metadataBase: new URL(siteConfig.url),
   title: {