diff --git a/src/app/globals.css b/src/app/globals.css index 892d6b5..e510570 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1,8 +1,7 @@ -/* If you want tailwind 'base' styles to override 'webflow' styles, re-order the layers */ -@layer properties, theme, base, webflow, components, utilities; - -/* Webflow global styles are imported in the 'webflow' layer */ -@import "../webflow/css/global.css" layer(webflow); +/* Webflow global styles. Imported unlayered so DevLink's internal @layer + ordering (normalize, defaults) stays intact — wrapping this @import in + layer(webflow) breaks Google font preconnects in exported components. */ +@import "../webflow/css/global.css"; @import "tailwindcss"; :root { @@ -13,8 +12,6 @@ @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); - --font-sans: var(--font-geist-sans); - --font-mono: var(--font-geist-mono); } @media (prefers-color-scheme: dark) { diff --git a/src/app/layout.tsx b/src/app/layout.tsx index ee7326a..5d749cf 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,23 +1,7 @@ import type { Metadata } from "next"; -import { Geist, Geist_Mono, Inter } from "next/font/google"; import "./globals.css"; import { DevLinkProvider } from "@/webflow/DevLinkProvider"; -const inter = Inter({ - subsets: ["latin"], - variable: "--font-inter", -}); - -const geistSans = Geist({ - variable: "--font-geist-sans", - subsets: ["latin"], -}); - -const geistMono = Geist_Mono({ - variable: "--font-geist-mono", - subsets: ["latin"], -}); - export const metadata: Metadata = { title: "Create Next App", description: "Generated by create next app", @@ -30,9 +14,7 @@ export default function RootLayout({ }>) { return ( - + {/* Add here any Navbar or Header you want to be present on all pages */} {children}