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]

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>
Font Variant Numeric

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


Style syntax for setting layout of grid system.

MIT License © Aoyue Design LLC.