Definition and Usage The font-weight property sets how thick or thin characters in text should be displayed. Show demo

Nov 7, 2025 · The font-weight CSS property sets the weight (or boldness) of the font. The weights available depend on the font-family that is currently set.

The font-weight CSS property defines weather the font should be bold or thick. See all the values and try examples.

You can use numeric values. They all correspond to a particular named weight: 100 Thin 200 Extra Light 300 Light 400 Normal 500 Medium 600 Semi Bold 700 Bold 800 Extra Bold 900 Ultra Bold If the font …

Learn about the font-weight CSS Property. View description, syntax, values, examples and browser support for the font-weight CSS Property.

CSS font-weight is used to adjust the lightness or boldness of the text on a webpage. In this tutorial, you will learn about CSS font-weight with the help of examples.

Aug 27, 2024 · The CSS font-weight property is a powerful tool for controlling the thickness and visual impact of text on a webpage. By utilizing different font-weight values, web designers can create a …

Jun 18, 2025 · Introduction # The font-weight property in Cascading Style Sheets (CSS) controls the boldness or thickness of text. It allows you to specify font weights using numeric values or keyword …

The CSS font-weight property is used for specifying the weight of the font. You can specify a font as being bold, or another relevant value. Although the font-weight property is typically used for …

CSS Property: font-weight Bold or light text. font-weight, font-style, font-variant, and text-transform. Font weight can also be specified as part of the font shorthand property. Possible Values ... The nine font …