From af1e1f078c65fbd8e9d05b9823380bc43e817ec3 Mon Sep 17 00:00:00 2001 From: Francisco Baralle Date: Tue, 19 May 2026 12:59:22 -0300 Subject: [PATCH 1/2] Remove layer(webflow) wrap from global.css import Per Simon Oskarsson on CLD-1736: wrapping `@import "../webflow/css/global.css" layer(webflow);` in a layer interferes with DevLink's own @layer ordering inside that file, which prevents Google font preconnects from being honored for fonts used in exported components. Adobe-hosted fonts kept working. Dropping `layer(webflow)` resolves the Google font issue without affecting other styling. Also removes the now-unused `@layer properties, theme, base, webflow, components, utilities;` declaration and its accompanying tailwind layer-ordering comment. --- src/app/globals.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 892d6b5..89b5351 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 { From d667262ce666c6ae2ebc5ed9b23ddaa7e81b90ae Mon Sep 17 00:00:00 2001 From: Francisco Baralle Date: Tue, 19 May 2026 17:39:25 -0300 Subject: [PATCH 2/2] Drop next/font/google imports and orphaned --font-* theme vars MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Per Simon Oskarsson on CLD-1736: the next/font/google Geist/Geist_Mono/ Inter loaders in layout.tsx are part of the Google font breakage in the scaffold. Removing them (alongside the layer(webflow) drop in the prior commit) restores Google font loading for fonts used in exported DevLink components. Also cleans up the now-unresolvable `--font-sans: var(--font-geist-sans)` and `--font-mono: var(--font-geist-mono)` mappings in @theme — they referenced CSS variables only set by the deleted font loaders, so they were evaluating to nothing. --- src/app/globals.css | 2 -- src/app/layout.tsx | 20 +------------------- 2 files changed, 1 insertion(+), 21 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 89b5351..e510570 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -12,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}