CLD-1736: Drop layer(webflow) from globals.css to unblock Google fonts#5
Merged
Conversation
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.
agustinchiarotto
approved these changes
May 19, 2026
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.
simonoskarsson-wf
approved these changes
May 19, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Follow-up to #2. Per Simon Oskarsson's testing on CLD-1736, wrapping the DevLink global stylesheet import in
layer(webflow):…interferes with the
@layerordering inside the DevLink-generatedsrc/webflow/css/global.css, and the Google font preconnect/load logic used by exported components stops firing. Adobe-hosted fonts kept working — only Google fonts were affected.Dropping
layer(webflow)(and the now-orphaned@layer properties, theme, base, webflow, components, utilities;declaration) restores Google font loading. Simon confirmed no other visible side effects in his testing.Linked ticket
CLD-1736
Test plan
webflow cloud initan enterprise nextjs project against this branchnpm install && npm run dev— confirm Google fonts used by exported DevLink components load in the browser🤖 Generated with Claude Code