Aotu Lab

Nov 18, 2016 · Frontend Development

Understanding CSS font-weight: Numeric vs Keyword Values and Browser Matching

This article explains the differences between numeric (100‑900) and keyword (normal, bold, bolder, lighter) font-weight values, shows how browsers match unavailable weights using the CSS font‑matching algorithm, and provides practical examples and recommendations for developers.