ethereum
diff --git a/‎app/[locale]/layout.tsx
Lines changed: 20 additions & 1 deletion b/‎app/[locale]/layout.tsx
Lines changed: 20 additions & 1 deletion
diff --git a/‎public/fonts/ibm-plex-mono/IBMPlexMono-Regular.ttf
-131 KB b/‎public/fonts/ibm-plex-mono/IBMPlexMono-Regular.ttf
-131 KB
diff --git a/‎public/fonts/inter/cyrillic-ext.woff2
-26.6 KB b/‎public/fonts/inter/cyrillic-ext.woff2
-26.6 KB
diff --git a/‎public/fonts/inter/cyrillic.woff2
-17.2 KB b/‎public/fonts/inter/cyrillic.woff2
-17.2 KB
diff --git a/‎public/fonts/inter/greek-ext.woff2
-12.4 KB b/‎public/fonts/inter/greek-ext.woff2
-12.4 KB
diff --git a/‎public/fonts/inter/greek.woff2
-22 KB b/‎public/fonts/inter/greek.woff2
-22 KB
diff --git a/‎public/fonts/inter/latin-ext.woff2
-78.1 KB b/‎public/fonts/inter/latin-ext.woff2
-78.1 KB
diff --git a/‎public/fonts/inter/latin.woff2
-45.6 KB b/‎public/fonts/inter/latin.woff2
-45.6 KB
diff --git a/‎public/fonts/inter/vietnamese.woff2
-10.3 KB b/‎public/fonts/inter/vietnamese.woff2
-10.3 KB
diff --git a/‎src/styles/fonts.css
Lines changed: 0 additions & 256 deletions b/‎src/styles/fonts.css
Lines changed: 0 additions & 256 deletions
@@ -1,4 +1,5 @@
 import pick from "lodash.pick"
+import { IBM_Plex_Mono, Inter } from "next/font/google"
 import { notFound } from "next/navigation"
 import { getMessages, setRequestLocale } from "next-intl/server"
 
@@ -14,6 +15,20 @@ import "@/styles/global.css"
 import { routing } from "@/i18n/routing"
 import { BaseLayout } from "@/layouts/BaseLayout"
 
+const inter = Inter({
+  subsets: ["latin"],
+  display: "swap",
+  variable: "--font-inter",
+  preload: true,
+})
+
+const ibmPlexMono = IBM_Plex_Mono({
+  subsets: ["latin"],
+  weight: ["400"],
+  display: "swap",
+  variable: "--font-mono",
+})
+
 export default async function LocaleLayout({
   children,
   params: { locale },
@@ -38,7 +53,11 @@ export default async function LocaleLayout({
   )
 
   return (
-    <html lang={locale} suppressHydrationWarning>
+    <html
+      lang={locale}
+      className={`${inter.variable} ${ibmPlexMono.variable}`}
+      suppressHydrationWarning
+    >
       <body>
         <Providers locale={locale} messages={messages}>
           <BaseLayout lastDeployLocaleTimestamp={lastDeployLocaleTimestamp}>