Support

Winden Bug with Fonts

Publish date: 04/25/2024 •  Bug • Winden •  Alec Seidemann

Hey, I have this page: https://kuebler.werbe-sofa.de/ and if I am trying to set the ‘font-body’ class in the styles section of winden in the backend, my styles from the config aren’t getting applied to the elements and I get the error: 

Uncaught (in promise) CssSyntaxError: <css input>:2:5: The `font-body` class does not exist. If `font-body` is a custom class, make sure it is defined within a `@layer` directive.

I don’t know how to fix this. This bug appeared (in my oppinion) only after the 2.0 of Winden. Please check that out. It’s very important, because I am losing my customers… I have major problems on all sites that are created with winden and now are updates to the newest version of winden. Please check that out! 

My winden config:

export default {
theme: {
extend: {
fontFamily: {
‘display’: [‘Frutiger’],
‘body’: [‘Frutiger’],
},
container: {
screens: {
‘sm’: ‘640px’,
‘md’: ‘768px’,
‘lg’: ‘1024px’,
‘xl’: ‘1280px’,
‘2xl’: ‘1440px’,
},
},
colors: {
“primary”: “#00254d”,
“secondary”: “#e20020”,
}
}
},
corePlugins: {
preflight: true,
},
}

My winden styles section:

@tailwind base;
@tailwind components;
@tailwind utilities;

main {
@apply bg-red-200;
}

@layer base {
html,
body {
@apply font-body leading-7;
}
}

purchase_id:

61583

Leave a Reply