Font

Font Weight

Style syntax for setting the weight of the font.

šŸš§This page is still under construction and some content may not be complete.

Overview [sr-only]

ClassDeclarations
font-weight:weight / font:weight / f:weightfont-weight: weight
font-weight:normalfont-weight: normal
font:lighterfont: lighter
font:bolderfont-weight: bolder
font:thinfont-weight: size
font:extralightfont-weight: 200
font:lightfont-weight: 300
font:regularfont-weight: 400
font:mediumfont-weight: 500
font:semiboldfont-weight: 600
font:boldfont-weight: 700
font:extraboldfont-weight: 800
font:heavyfont-weight: 900

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="font-weight:normal:hover font-weight:normal@sm font-weight:normal@dark font-weight:normal@print">ā€¦</div>
PREVIOUS
Font Variant Numeric

Style syntax for controlling the usage of alternate glyphs for numbers, fractions, and ordinal markers.

NEXT
Grid

Style syntax for setting layout of grid system.

MIT License Ā© Aoyue Design LLC.
Issue on this page