bold weight code example

Example 1: css bold weight

/* key word "lighter", "normal", "bold", or "bolder" */ 
.normal {
  font-weight: normal;
}

/* number between 100 and 900 */
.heavy {
  font-weight: 900;
}

Example 2: font. to be thinner css

font-weight: 200; /*100 200 300 400 500 600 700 800 900 
					Defines from thin to thick characters. 
					400 is the same as normal, 
					and 700 is the same as bold*/

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

Tags:

Html Example