Skip to content

working example for local provider #803

Description

@wokalek

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?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions