Font - Font weight

About

The font-weight determines the boldness of a font

HTML example

<p style="font-weight: 100;">100 - Thin, Hairline, Ultra-light, Extra-light</p>
<p style="font-weight: 200;">200 - Light</p>
<p style="font-weight: 300;">300 - Book</p>
<p style="font-weight: 400;">400 - Regular, Normal, Plain, Roman, Standard</p>
<p style="font-weight: 500;">500 - Medium</p>
<p style="font-weight: 600;">600 - Semi-bold, Demi-bold</p>
<p style="font-weight: 700;">700 - Bold</p>
<p style="font-weight: 800;">800 - Heavy, Black, Extra-bold</p>
<p style="font-weight: 900;">900 - Ultra-black, Extra-black, Ultra-bold, Heavy-black, Fat, Poster</p>

Output:

List

Value Description
100 Thin, Hairline, Ultra-light, Extra-light
200 Light
300 Book
400 Regular, Normal, Plain, Roman, Standard
500 Medium
600 Semi-bold, Demi-bold
700 Bold
800 Heavy, Black, Extra-bold
900 Ultra-black, Extra-black, Ultra-bold, Heavy-black, Fat, Poster

Powered by ComboStrap