CSS Examples: font-weight

Examples

This is a 400 weight paragraph.

Now, compare to a 700 weight paragraph.

A light header

And now bolder

Styles Used

p.normal {
	font-weight: 400;
}
p.heavy {
	font-weight: 700;
}
h1.lighter {
	font-weight: lighter;
}
h1.bolder {
	font-weight: bolder;
}