Search results
Definition and Usage. The font-weight property sets how thick or thin characters in text should be displayed. Show demo . Browser Support. The numbers in the table specify the first browser version that fully supports the property. CSS Syntax. font-weight: normal|bold|bolder|lighter| number |initial|inherit; Property Values. Related Pages.
Jun 21, 2024 · 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.
Jun 17, 2013 · The font-weight property sets the weight, or thickness, of a font and is dependent either on available font faces within a font family or weights defined by the browser. span { font-weight: bold; } The font-weight property accepts either a keyword value or predefined numeric value.
The font-weight CSS property defines weather the font should be bold or thick. See all the values and try examples.
Learn how font-weight works in CSS.
Mar 2, 2023 · The font-weight property is a CSS property used to define the weight or thickness of a font. It determines the text's degree of boldness or lightness, with higher values indicating a bolder font-weight. The font-weight property accepts various values, including numeric and keyword values.
Jan 29, 2021 · In this introductory tutorial on HTML/CSS font weight, we will explore some easy to use, creative applications to further enhance the text on your web page. What is Font Weight? Font weight is the “value” placed on your font that will determine how bold or light your text will appear.
Jun 22, 2017 · The font-weight CSS property specifies the weight (or boldness) of the font. The font weights available to you will depend on the font-family you are using. Some fonts are only available in normal and bold.
Aug 16, 2023 · Set the font family to sans-serif */ p {font: 80% sans-serif;} /* Set the font weight to bold, the font-style to italic, the font size to large, and the font family to serif. */ p {font: bold italic large serif;} /* Use the same font as the status bar of the window */ p {font: status-bar;}
This CSS tutorial explains how to use the CSS property called font-weight with syntax and examples. The CSS font-weight property defines the weight or boldness of the font.
