Font Weight

Class Properties
t.fontHairline fontWeight: 100
t.fontThin fontWeight: 200
t.fontLight fontWeight: 300
t.fontNormal fontWeight: 'normal'
t.fontMedium fontWeight: 500
t.fontSemibold fontWeight: 600
t.fontBold fontWeight: 'bold'
t.fontExtrabold fontWeight: 800
t.fontBlack fontWeight: 900

Usage

Control the font weight of an element using the t.font{weight} utilities.

t.fontHairline

The quick brown fox jumped over the lazy dog.

t.fontThin

The quick brown fox jumped over the lazy dog.

t.fontLight

The quick brown fox jumped over the lazy dog.

t.fontNormal

The quick brown fox jumped over the lazy dog.

t.fontMedium

The quick brown fox jumped over the lazy dog.

t.fontSemibold

The quick brown fox jumped over the lazy dog.

t.fontBold

The quick brown fox jumped over the lazy dog.

t.fontExtrabold

The quick brown fox jumped over the lazy dog.

t.fontBlack

The quick brown fox jumped over the lazy dog.