Font Weight

Utilities for controlling the font weight of the text.

Class Properties
font-hairline fontWeight: '100'
font-thin fontWeight: '200'
font-light fontWeight: '300'
font-normal fontWeight: '400'
font-medium fontWeight: '500'
font-semibold fontWeight: '600'
font-bold fontWeight: '700'
font-extrabold fontWeight: '800'
font-black fontWeight: '900'

Usage

Control the font weight of the text using the font-{weight}utilities.

Disabling

If you don't plan to use the font-{weight} utilities in your project, you can disable them entirely by removing the fontWeights property in the modules section of your config file:

{
  // ...
  modules: {
    // ...
-   fontWeights: {
-     prefix: 'font',
-     propertyName: 'fontWeight'
-   }
  }
}