Font Weight

Dashvar provides a few utility variables for all of your font-weight needs.

var(--font-weight-thin)

100

var(--font-weight-extralight)

200

var(--font-weight-light)

300

var(--font-weight-normal)

400

var(--font-weight-medium)

500

var(--font-weight-semibold)

600

var(--font-weight-bold)

700

var(--font-weight-extrabold)

800

var(--font-weight-black)

900

Interactive Example

Feel free to play with this interactive example to get comfortable with the tool.