Repository navigation
Not loading "Bree Serif" #112
Description
I have this config:
pfm({
variants: {
Raleway: { 300: [], 500: [] },
"Bree Serif": { 400: [] },
},
foundries: ["google"],
}),And my tailwindcss theme is:
@theme {
--font-sans: "Raleway", sans-serif;
--font-serif: "Bree Serif", serif;
}But I am only getting Raleway in my CSS. I have checked my HTML and it is correctly referencing the font:
Activity
robinelvin commentedon Apr 2, 2025
I have found the issue. It is not enough to reference the font family in a variable - it needs to be added to a CSS class. I experimented with other fonts and they wouldn't load either but I did see that
Ralewayalways loaded. Searching my codebase I found a single reference toRalewayin a CSS file. So adding the following to my CSS causedBree Serifto be loaded:It was not enough to just reference in the
@theme