Syntax
font-weight
Setting the weight of the font.
Overview
| Class | Declarations |
|---|---|
font-weight:weight | font-weight: weight;
|
font-weight:normal | font-weight: normal;
|
font:lighter | font-weight: lighter;
|
font:bolder | font-weight: bolder;
|
font:thin | font-weight: 100;
|
font:extralight | font-weight: 200;
|
font:light | font-weight: 300;
|
font:regular | font-weight: 400;
|
font:medium | font-weight: 500;
|
font:semibold | font-weight: 600;
|
font:bold | font-weight: 700;
|
font:extrabold | font-weight: 800;
|
font:heavy | font-weight: 900;
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="font-weight:normal:hover font-weight:normal@sm font-weight:normal@dark font-weight:normal@print">…</div>