~ 1 min read

Font Weight for Dummies

Font weight is basically its strength or prominence if you think about how hard you have to press the pencil then strength comes to mind if you think about how hard you have to squint then prominence comes to mind.

Various fonts come in various weights. Some fonts come in only 2 weights normal and bold

For TrueType fonts it is somewhat standardized in a 100 to 900 system where 400=normal and 700=bold

TrueType Weights

100  
200  
300
400
500
600
700
800
900

CSS sample

p.normal {
    font-weight: normal;
}

p.thick {
    font-weight: bold;
}

p.thickest {
    font-weight: 900;
}