Font Weight

Atomic PropsCSS Properties
fontHairlinefont-weight: 100;
fontThinfont-weight: 200;
fontLightfont-weight: 300;
fontNormalfont-weight: 400;
fontMediumfont-weight: 500;
fontSemiboldfont-weight: 600;
fontBoldfont-weight: 700;
fontExtraboldfont-weight: 800;
fontWeight-{value} / fontWeight={value}font-weight: {value};

Usage#

There are two ways to control the font weight, one is to use a preset value, and the other is to use a precise value.

Use preset value#

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO

Use precise value#

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO