Font Weight
Font weight tokens control the thickness of text. For more information on the default available font-weight utilities, visit Tailwind
@theme {
--font-weight-thin: 100;
--font-weight-extralight: 200;
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--font-weight-black: 900;
}NameValue
thin100
The quick brown fox jumps over the lazy dog.
extralight200
The quick brown fox jumps over the lazy dog.
light300
The quick brown fox jumps over the lazy dog.
normal400
The quick brown fox jumps over the lazy dog.
medium500
The quick brown fox jumps over the lazy dog.
semibold600
The quick brown fox jumps over the lazy dog.
bold700
The quick brown fox jumps over the lazy dog.
extrabold800
The quick brown fox jumps over the lazy dog.
black900
The quick brown fox jumps over the lazy dog.
Last updated on