I try something like this
fonts: {
provider: 'local',
processCSSVariables: true,
families: [
{ name: 'Sirius' },
{ name: 'Lora' },
{ name: 'Noto Emoji' },
{ name: 'Fira Code' },
],
}
Use tailwind v4:
@theme {
--font-sirius: "Sirius", var(--font-sans);
--font-lora: "Lora", var(--font-serif);
--font-code: "Fira Code", var(--font-serif);
--font-emoji: "Noto Emoji", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--default-font-family: "Sirius", "Noto Emoji", var(--font-sans);
}
/public
public/
├── fonts
│ ├── fira-code.woff2
│ ├── lora.woff2
│ ├── noto-emoji.woff2
│ └── sirius.woff2
And nothing works. Fallback ascent is also not calculated.
Does anyone have a working example of this module with a local provider?
I try something like this
Use tailwind v4:
/public
And nothing works. Fallback ascent is also not calculated.
Does anyone have a working example of this module with a local provider?