diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx index 2f41f8b6d83..a19c768e20e 100644 --- a/apps/web/app/layout.tsx +++ b/apps/web/app/layout.tsx @@ -4,7 +4,6 @@ import AppProviders from 'apps/web/app/AppProviders'; import localFont from 'next/font/local'; import DatadogInit from 'apps/web/app/datadog'; -import { Inter, Inter_Tight, Roboto_Mono } from 'next/font/google'; const GOOGLE_ANALYTICS_ID = 'G-D1QGEV3B07'; const googleAnalyticsInitScriptContent = { @@ -175,22 +174,25 @@ const britney = localFont({ variable: '--font-britney', }); -const interTight = Inter_Tight({ +const interTight = localFont({ + src: '../src/fonts/inter-tight-400-latin.woff2', variable: '--font-inter-tight', - weight: ['400'], - subsets: ['latin'], + weight: '400', + display: 'swap', }); -const inter = Inter({ +const inter = localFont({ + src: '../src/fonts/inter-400-latin.woff2', variable: '--font-inter', - weight: ['400'], - subsets: ['latin'], + weight: '400', + display: 'swap', }); -const robotoMono = Roboto_Mono({ +const robotoMono = localFont({ + src: '../src/fonts/roboto-mono-latin.woff2', variable: '--font-roboto-mono', - weight: ['400'], - subsets: ['latin'], + weight: '100 700', + display: 'swap', }); export default function RootLayout({ children }: { children: React.ReactNode }) { diff --git a/apps/web/src/fonts/inter-400-latin.woff2 b/apps/web/src/fonts/inter-400-latin.woff2 new file mode 100644 index 00000000000..f15b025d666 Binary files /dev/null and b/apps/web/src/fonts/inter-400-latin.woff2 differ diff --git a/apps/web/src/fonts/inter-tight-400-latin.woff2 b/apps/web/src/fonts/inter-tight-400-latin.woff2 new file mode 100644 index 00000000000..3004d28b843 Binary files /dev/null and b/apps/web/src/fonts/inter-tight-400-latin.woff2 differ diff --git a/apps/web/src/fonts/roboto-mono-latin.woff2 b/apps/web/src/fonts/roboto-mono-latin.woff2 new file mode 100644 index 00000000000..bfa169c3006 Binary files /dev/null and b/apps/web/src/fonts/roboto-mono-latin.woff2 differ