Font Weights
Again, code in it's simplest form but prewritten for you.
Some have no visible effect on smaller text (or in Firefox), it is often best to stick to the extremes and normal / 400.
These are displayed using x-large font-size.
How it looks:
lighter
normal
bold
bolder
100
200
300
400
500
600
700
800
900
The CSS used:
.lighter{font-weight:lighter;}
.normal{font-weight:normal;}
.bold{font-weight:bold;}
.bolder{font-weight:bolder;}
.w100{font-weight:100;}
.w200{font-weight:200;}
.w300{font-weight:300;}
.w400{font-weight:400;}
.w500{font-weight:500;}
.w600{font-weight:600;}
.w700{font-weight:700;}
.w800{font-weight:800;}
.w900{font-weight:900;}
Capture this CSS as a seperate file: text_weights.css
Please refer to What Is CSS? to see how to use this code.
And # Colors if you want to choose your own Hex Values.
