Weight
Weight refers to the overall visual heaviness or lightness of a typeface, determined by the thickness of the character outlines relative to their height and structure.
A common typeface may have 3 to 6 weights and include variations such as light, regular, medium, and bold.
In CSS, web designers use numerical values to define the font-weight property: 100 — thin, 400 — normal or regular, 700 — bold, and 900 — black or heavy.
Pro Tip: When using very light (like 100 or 200) or very heavy weights (800 or 900), use larger font sizes. Otherwise, the text won't be legible.
Top contributors
