/* Valeurs avec un mot-clé */
font-weight: normal;
font-weight: bold;
/* Valeurs relatives à l'élément parent */
font-weight: lighter;
font-weight: bolder;
/* Valeurs numériques */
font-weight: 1;
font-weight: 100;
font-weight: 100.6;
font-weight: 123;
font-weight: 200;
font-weight: 300;
font-weight: 321;
font-weight: 400;
font-weight: 500;
font-weight: 600;
font-weight: 700;
font-weight: 800;
font-weight: 900;
font-weight: 1000;
/* Valeurs globales */
font-weight: inherit;
font-weight: initial;
font-weight: unset;
/* key word "lighter", "normal", "bold", or "bolder" */
.normal {
font-weight: normal;
}
/* number between 100 and 900 */
.heavy {
font-weight: 900;
}
font-weight: normal; /*equals font-weight: 400; */
font-weight: bold; /*eq font-weight: 700; */
font-weight: 100;
: 200
: 100n, n = 1...9
/* Relative to the parent */
font-weight: lighter;
font-weight: bolder;p {
font-weight: normal;
}
a {
font-weight: bold;
}
p.thick {
font-weight: 780;
}normal -> The default, defines what is considered the weight of the normal
characters.
bold -> Defines thick characters than normal ones
bolder -> Defines thicker characters than normal ones
lighter -> Defines lighter characters than normal ones
[100, 200, 300, 400, 500, 600, 700, 800, 900] -> Goes from thin to thick
characters.
Where 400 is the same as normal.
700 is the same as bold.
900 the same as bolder.
initial -> Sets this property to its default value.
inherit -> Inherits this property from its parent element. <p style="font-weight:normal;">font-weight: normal</p>
<p style="font-weight:bold;">font-weight: bold</p>
<p style="font-weight:bolder;">font-weight: bolder</p>
<p style="font-weight:lighter;">font-weight: lighter</p>
<p style="font-weight:100;">font-weight: 100</p>
<p style="font-weight:200;">font-weight: 200</p>
<p style="font-weight:300;">font-weight: 300</p>
<p style="font-weight:400;">font-weight: 400</p>
<p style="font-weight:500;">font-weight: 500</p>
<p style="font-weight:600;">font-weight: 600</p>
<p style="font-weight:700;">font-weight: 700</p>
<p style="font-weight:800;">font-weight: 800</p>
<p style="font-weight:900;">font-weight: 900</p>font-weight: 375;
font-variation-settings: 'wght' 375;p{
font-weight: bold;
}/* Keyword values */
font-weight: normal;
font-weight: bold;
/* Keyword values relative to the parent */
font-weight: lighter;
font-weight: bolder;
/* Numeric keyword values */
font-weight: 100;
font-weight: 200;
font-weight: 300;
font-weight: 400; /* normal */
font-weight: 500;
font-weight: 600;
font-weight: 700; /* bold */
font-weight: 800;
font-weight: 900;
If one does not work try another: css "fontweight" "font-weight" "fontWeight"| Code Example |
|---|
| Css :: radial-gradient css |
| Css :: grid-template-rows |
| Css :: for...in...loop |
| Css :: move scrollbar on element to right side |
| Css :: resize any element in CSS |
| Css :: grid-column css |
| Css :: wave css |
| Css :: html css bring to page top |
| Css :: css grid container |
| Css :: css add circle to icon cart |
| Css :: style input field css |
| Css :: text decoration css transition |
| Css :: in a form how to remove the input outerline color or shadow |
| Css :: materialize css form file input |
| Css :: css class and id |
| Css :: how to make gray ufing rgb in css |
| Css :: Button CSS normal active hover |
| Css :: select first 5 child css |
| Css :: what is the opacity of disabled text |
| Css :: background origin css |
| Css :: calculator |
| Css :: font awesome saas gem |
| Css :: scroll snap css |
| Css :: nmap output ip only |
| Css :: for...of...loop |
| Css :: round one side of div css |
| Css :: flexbox css properties |
| Css :: secltor for parent li css |
| Css :: css resize tabe cell |
| Css :: promise.resolve |