📪Font Weight

.weight-{value}

Sets the font weight of the text.

CSS equivalent: font-weight: {value};

Example usage:

<span class="weight-bold">This text has a bold font weight.</span>

.bold

Sets the font weight to bold.

CSS equivalent: font-weight: bold;

Example usage:

<span class="bold">This text has a bold font weight.</span>

.bolder

Sets the font weight to bolder.

CSS equivalent: font-weight: bolder;

Example usage:

<span class="bolder">This text has a bolder font weight.</span>

.light

Sets the font weight to light.

CSS equivalent: font-weight: light;

Example usage:

<span class="light">This text has a light font weight.</span>

.lighter

Sets the font weight to lighter.

CSS equivalent: font-weight: lighter;

Example usage:

<span class="lighter">This text has a lighter font weight.</span>