hasparus
diff --git a/‎src/app/conf/2025/layout.tsx
Lines changed: 11 additions & 13 deletions b/‎src/app/conf/2025/layout.tsx
Lines changed: 11 additions & 13 deletions
diff --git a/‎src/app/fonts/HostGrotesk-Italic-VariableFont_wght.woff2
32.9 KB b/‎src/app/fonts/HostGrotesk-Italic-VariableFont_wght.woff2
32.9 KB
diff --git a/‎src/app/fonts/HostGrotesk-VariableFont_wght.woff2
30.4 KB b/‎src/app/fonts/HostGrotesk-VariableFont_wght.woff2
30.4 KB
diff --git a/‎src/app/layout.tsx
Lines changed: 2 additions & 1 deletion b/‎src/app/layout.tsx
Lines changed: 2 additions & 1 deletion
@@ -4,12 +4,7 @@ import { Header } from "../_components/header"
 import { Footer } from "../_components/footer"
 import { GraphQLConf, HostedByGraphQLFoundation } from "@/icons"
 import NextLink from "next/link"
-import { Rubik } from "next/font/google"
-
-const rubik = Rubik({
-  weight: ["700", "600", "500", "400", "300"],
-  subsets: ["latin"],
-})
+import { hostGrotesk } from "../../fonts"
 
 export const metadata = {
   description:
@@ -36,6 +31,15 @@ export default function Layout({
 }): ReactElement {
   return (
     <>
+      <style
+        dangerouslySetInnerHTML={{
+          __html: /* css */ `
+html.fonts {
+  --font-sans: ${hostGrotesk.style.fontFamily};
+  font-family: var(--font-sans);
+}`,
+        }}
+      />
       <Header
         logo={
           <NextLink
@@ -56,13 +60,7 @@ export default function Layout({
         ]}
         is2025
       />
-      <div
-        style={{
-          fontFamily: rubik.style.fontFamily,
-        }}
-      >
-        {children}
-      </div>
+      <div>{children}</div>
       <Footer
         logo={
           <NextLink href="/conf/2025" className="nextra-logo text-white">
 
@@ -28,7 +28,8 @@ export default function RootLayout({
   children: ReactNode
 }): ReactElement {
   return (
-    <html lang="en" className={`scroll-smooth ${font.className}`}>
+    // eslint-disable-next-line tailwindcss/no-custom-classname
+    <html lang="en" className={`fonts scroll-smooth ${font.className}`}>
       <head>
         <style>{`html { scroll-padding-top: 5rem }`}</style>
       </head>