CSS HTML Validator: The All-In-One HTML, XHTML, CSS, Link, SEO, and Accessibility Checker
Home Help: "font-weight" CSS property

The "font-weight" CSS Property

This property sets the weight (or boldness) of a font. Note that some fonts are not available in all weights.

Values for "font-weight"
CSS LevelValue
CSS 2.1"normal", "bold", "bolder", "lighter", "100", "200", "300", "400", "500", "600", "700", "800", or "900"
CSS3"normal", "bold", "bolder", "lighter", "100", "200", "300", "400", "500", "600", "700", "800", or "900"
CSS Fonts Level 4 (in @font-face)"auto | <font-weight-absolute> <font-weight-absolute>?", where <font-weight-absolute> is "[normal | bold | <number>]", and <number> must be greater than or equal to 1, and less than or equal to 1000


  • "100" is thin, "400" is the same as "normal", "700" is the same as "bold", and "900" is black/heavy.

Recommended Links

Search Engine Links (for more information)

Help us improve this page: Suggest a link or noteReport a problem