Winden

Wizard Font Family

  • Load pressets
  • Builders Font Families
  • Extend

Load pressets

To get you started fast we prepared tree set of font families for you that you can insert with just a click.

Preset 1: Title,Body

Preset 2: Title,SubTitle, Body

Builders Font Families

Under the builders integration you will be presented active builders that you can include to fetch the font family values.

If the Builders (Oxygen, Bricks) or FSE are active you will get option to include them.

Builders integration will give you preview only to understand what will be included inside the config without the option to edit it. This why input fields are greyed out.

Extend

This option with add new font families on top of tailwind default font families. If this is not enabled font families in wizzard will replace tailwind default font families.

Main Content

This is the place where you can have overview of all colors that are managed with wizard and from here you can edit or delete colors.

1
2
3

to register font in TailwindCSS you need to pass two arguments.
Font Name and Font Value.

Font Name

Is the parameter that will you call when you are adding class name, so you can call it by font-title, font-body …

    Font Value

    Is the parameter that is for the font faces. So the class font-title will call for example Courier New, Courier, monospace.

    .font-title{
        font-family: 'Courier New', Courier, monospace;
    }

    Delete

    This will delete color palette. We do not give warnings for this step.

    Table of Contents