Font Weight Medium Css Code Example


Example 1: font-weight css


/* 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;

Example 2: font weight css


/* 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;

/* Global values */
font-weight: inherit;
font-weight: initial;
font-weight: unset;

Example 3: Font weight css


/*

Thin, Hairline 100
Extra Light, Ultra Light 200
Light 300
Normal, Regular 400
Medium 500
Semi Bold, 600
Bold 700
Extra Bold, Ultra Bold 800
Black, Heavy 900

*/


.myclass {
font-weight: normal; /* 400 */
}

.myOtherClass {
font-weight: 700; /* Bold */
}

/* You can Use this List to see all the different Types */
/* Make sure you have the Font Files Downloaded and Embedded */

Example 4: font weightcss


p{
font-weight: bold;
}

Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable